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

在這個(gè)項(xiàng)目中,ruoyi-ui文件夾是前端項(xiàng)目,其余為后端項(xiàng)目,我們接下來(lái)需要分開打包部署。

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

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

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

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

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

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

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

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


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

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

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


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


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

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

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

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

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

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





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

修改未prod-api是由于前端發(fā)送請(qǐng)求的時(shí)候就是通過(guò)這個(gè)接口來(lái)發(fā)送的

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


(2)遠(yuǎn)程連接服務(wù)器,進(jìn)入project目錄,后臺(tái)啟動(dòng)jar包:
nohup java -jar ruoyi-admin.jar &
7.成功部署效果
用瀏覽器訪問(wèn)”ip:前端端口號(hào)“:
輸入驗(yàn)證碼登錄后成功進(jìn)入后臺(tái):

本文轉(zhuǎn)自:https://blog.csdn.net/weixin_44248258/article/details/124213606