鏡像下載、域名解析、時間同步請點擊 阿里云開源鏡像站
第一次在Linux云服務器上部署前后端分離項目,查了很多資料和視頻,踩了許多坑。成功實現部署若依的前后端分離項目后,想記錄一下前后端部署的過程,供學習的小伙伴參考。
1.環(huán)境準備
一定要在開始前先準備好以下工具和環(huán)境(可以上網查找安裝的方法),后續(xù)還會對其進行修改:
- 購買一個云服務器,例如阿里云等等,操作系統為Linux centos7.x
- 在云服務器上安裝Nodejs(之前的博客有安裝方法)
- 在云服務器上安裝Nginx
- 在云服務器上安裝jdk1.8+(推薦1.8)
- 在云服務器上安裝mysqk5.7+(推薦5.7)
- 在云服務器上安裝redis
- 遠程連接工具xshell或者finalshell
2.下載前后端項目
若依前后端項目地址:https://gitee.com/y_project/RuoYi
若依前后端項目使用手冊地址:
http://doc.ruoyi.vip/ruoyi/
進入網址將項目下載或者git clone到本地并解壓:

在這個項目中,ruoyi-ui文件夾是前端項目,其余為后端項目,我們接下來需要分開打包部署。

3.遠程連接服務器
通過xshell或者FinalShell遠程連接服務器,連接指令:
ssh user@ip
user為服務器的用戶名,一般為root,ip是服務器的ip
,默認端口號為22,例如:
ssh root@172.12.134.12
如果連接失敗可能是服務器沒有開啟遠程連接許可或者端口等等,可以搜尋相關方法解決。
4.前端部署
(1)首先將項目中ruoyi-ui這個文件夾上傳至服務器,可以用FinalShell的文件管理功能,也可以用服務器管理的上傳文件功能,例如寶塔界面里的文件管理:

可以專門建一個目錄存儲它們,例如在根目錄下創(chuàng)建了一個project文件夾
cd /
mkdir project

(2)依次輸入如下命令,進入ruoyi-ui文件夾,并對前端代碼進行打包,生成一個dist文件夾,這就是前端代碼打包后的文件:
cd ruoyi-ui
npm install --unsafe-perm --registry=https://registry.npm.taobao.org
npm run build:prod

(3)修改nginx的配置文件(也就是nginx.conf),使其前端項目能夠被訪問,一般nginx會被安裝在/usr/local目錄下,因此配置文件路徑為/usr/local/nginx/conf/nginx.conf 。如果忘記nginx安裝在哪里了,可以用如下命令找到它:
find / -name 'nginx.conf'

用vim編輯器打開nginx.conf,修改配置。修改的幾個地方,最好圖中的信息都一樣,紅色框框圈出來的是容易忽略的地方如下:

1、 修改為root用戶
2、修改監(jiān)聽listen的端口號為9000,這個端口號取決于自己想從幾號端口訪問前端頁面,后續(xù)也別忘了在防火墻中開啟這個端口,不然無法訪問;server_name為你的服務器ip,如果你有域名且配置解析好了,也可以再在此添域名

3、找到這些內容并將root 后跟的路徑修改為剛才前端代碼打包的dist文件夾的路徑,保存后退出。如果仍不清楚改哪里,可以翻倒博客最后面的部分,有兩張nginx.conf的整體示意圖。

4、由于上述前端使用的是9000端口(也可以換為你自己想要的端口,例如80端口),因此要在防火墻中也打開這個端口,外界才可以訪問。于此同時,后端也需要一個8080端口,因此也要將其打開,后續(xù)部署后端服務要用到。注意有時候可能你想用的端口已經被其他進程占用,可以嘗試找到該進程并將其kill掉或者重新開另一個端口號,具體方法不在此贅述,可上網查詢。
firewall-cmd --zone=public --add-port=9000/tcp --permanent
firewall-cmd --zone=public --add-port=8080/tcp --permanent
我用的是阿里云的輕量應用型服務器,因此還需要檢查以下寶塔界面的“安全”里面是否開啟該端口,以及阿里云服務器工作臺里的“安全”->“防火墻”中的端口,如果沒有開啟,則需要在這里手動開啟。此外阿里云的ECS云服務器需要為該端口號添加安全組規(guī)則。


5、端口配置好了后,每次修改了nginx的配置文件后一定要重新啟動nginx,使新配置生效。如果重啟失敗,則先找到nginx的進程,然后將其kill掉,再重啟nginx:
如果已經將nginx配置到全局的環(huán)境變量中,就可以直接運行這個命令重啟nginx
nginx -s reload
如果沒有將其配置到全局的環(huán)境變量中,則需要進入安裝的nginx/sbin/目錄中,用如下命令:
./nginx -s reload
查看進程號: ps -ef|grep nginx
殺死進程:kill -term xxxx/ kill -int xxxx

6、瀏覽器輸入“ip:9000“,例如:198.172.1.1:9000,如果出現出現如下畫面,則表示前端啟動成功。否則則需要仔細檢查兩個地方,一個是nginx的配置信息,一個是端口是否真的被完全打開:

5.后端準備
(1)配置服務器上的mysql數據庫,使mysql數據庫可以被遠程訪問。具體教程可以看https://blog.csdn.net/VariatioZbw/article/details/105823337
開啟后可以在服務器上遠程連接一下看是否成功:
mysql -h 198.172.1.1 -P 3306 -u root -p123
h表示host,服務器ip地址
P表示端口號,一般mysql端口號為3306
u表示用戶名,建議設為root用戶
p表示密碼,123為root這個用戶的密碼,p后面要緊跟密碼,不要空格
(2)redis數據庫也要配置好,例如它的端口要被打開,設置密碼,具體方法可以參考網上的方法。
(3)進入mysql數據庫,建一個名為ry-vue的數據庫
數據庫名稱中有‘-’符號,需要用反引號`,是鍵盤上tab鍵上面一個鍵的符號
create database `ry-vue`;


將之前下載好的項目文件夾中的sql文件夾里的兩個數據表上傳到服務器中,我們可以繼續(xù)將這兩個文件放在之前在服務器根目錄下創(chuàng)建好的project目錄里面


然后登錄進入mysql數據庫,使用剛才創(chuàng)建ry-vue數據庫,導入兩個數據表進入ry-vue數據庫中:
use ry-vue;
source /project/quartz.sql;
source /project/ry_20210908.sql;
(4) 修改項目中ruoyi-admin中的三個文件,如下:

在application.yml中,修改redis的信息,分別為host地址(你的服務器ip),port端口號(你的redis開放的端口號,一般為6379),password密碼(你的redis的密碼)。

在application-druid.yml中,修改mysql的信息,url的中間填寫訪問mysql的 ip:端口號,例如:198.172.1.1:3306;username填你的mysql用戶名;password填你的mysql密碼。

在logback.xml中,找到日志存放路徑,value修改為你存放日志的目錄,可以在之前創(chuàng)建的project文件夾中建一個logs文件夾,則填為value=”/project/logs“

自此,該修改的已經修改完了。
(5)嘗試運行后端項目
可以通過InteliJ IDEA或者eclipse軟件來運行這個java后端項目,前提是你運行的本機上應該也具備一定的環(huán)境,jdk>=1.8,以及本地8080端口(用于后端)已開啟且未被占用。其他的例如mysql,redis可以直接通過服務器ip+端口號遠程訪問,不需要在本機上配置。
出現如下表示啟動成功,可以開始打包后端代碼。如果未成功也不用灰心,檢查報錯,是否關于mysql,redis的(如果是,則可能是這兩個沒有在你的服務器上配置好或者剛才修改的信息出錯了,例如賬號,密碼不對,或者遠程連接未成功,導致本機無法遠程訪問等等),如果是關于8080端口,可能是由于你本機有程序以及占用了8080端口,這個基本上就不是什么問題,部署到服務器后只要服務器8080端口可用就行。接下來可以直接打包代碼。

(6)打包后端代碼jar包
熟練使用java的人可以直接通過InteliJ IDEA或者eclipse軟件打jar包。不熟悉的有第二種方法,是若依提供的。進入下載的項目文件夾中的bin目錄下,直接雙擊執(zhí)行package.bat,它會直接在項目中生成target文件夾,里面包含以及打包好的jar包。我們要使用的是ruoyi-admin文件夾下的target里的jar包。運行package.bat需要marven環(huán)境>=3.0,自行參考網上方法按照。如下圖操作順序:





將這個ruoyi-admin.jar包上傳至服務器,可繼續(xù)存于剛才建的project目錄中。
6.后端部署
(1)再此修改nginx配置文件(nginx.conf),添加后端信息。proxy_pass中空余的部分填服務器ip地址,別忘了上面是location /prod-api/。修改后別忘了重啟nginx服務,用上面剛才提到的命令。

修改未prod-api是由于前端發(fā)送請求的時候就是通過這個接口來發(fā)送的

nginx配置文件nginx.conf的整體示意圖(包括前端和后端配置修改的所有地方):


(2)遠程連接服務器,進入project目錄,后臺啟動jar包:
nohup java -jar ruoyi-admin.jar &
7.成功部署效果
用瀏覽器訪問”ip:前端端口號“:
輸入驗證碼登錄后成功進入后臺:

本文轉自:https://blog.csdn.net/weixin_44248258/article/details/124213606