雲伺服器部署前後端分離項目(若依)詳細教程

来源:https://www.cnblogs.com/helong-123/archive/2022/05/11/16257295.html
-Advertisement-
Play Games

鏡像下載、功能變數名稱解析、時間同步請點擊 阿裡雲開源鏡像站 第一次在Linux雲伺服器上部署前後端分離項目,查了很多資料和視頻,踩了許多坑。成功實現部署若依的前後端分離項目後,想記錄一下前後端部署的過程,供學習的小伙伴參考。 1.環境準備 一定要在開始前先準備好以下工具和環境(可以上網查找安裝的方法),後 ...


鏡像下載、功能變數名稱解析、時間同步請點擊 阿裡雲開源鏡像站

第一次在Linux雲伺服器上部署前後端分離項目,查了很多資料和視頻,踩了許多坑。成功實現部署若依的前後端分離項目後,想記錄一下前後端部署的過程,供學習的小伙伴參考。

1.環境準備

一定要在開始前先準備好以下工具和環境(可以上網查找安裝的方法),後續還會對其進行修改:

  • 購買一個雲伺服器,例如阿裡雲等等,操作系統為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到本地並解壓:

file

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

file

3.遠程連接伺服器

通過xshell或者FinalShell遠程連接伺服器,連接指令:

ssh user[email protected]

user為伺服器的用戶名,一般為root,ip是伺服器的ip
,預設埠號為22,例如:

ssh [email protected]

如果連接失敗可能是伺服器沒有開啟遠程連接許可或者埠等等,可以搜尋相關方法解決。

4.前端部署

(1)首先將項目中ruoyi-ui這個文件夾上傳至伺服器,可以用FinalShell的文件管理功能,也可以用伺服器管理的上傳文件功能,例如寶塔界面里的文件管理:

file

可以專門建一個目錄存儲它們,例如在根目錄下創建了一個project文件夾

cd /
mkdir project

file

(2)依次輸入如下命令,進入ruoyi-ui文件夾,並對前端代碼進行打包,生成一個dist文件夾,這就是前端代碼打包後的文件:

cd ruoyi-ui
npm install --unsafe-perm --registry=https://registry.npm.taobao.org
npm run build:prod

file

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

find / -name 'nginx.conf'

file

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

file

1、 修改為root用戶

2、修改監聽listen的埠號為9000,這個埠號取決於自己想從幾號埠訪問前端頁面,後續也別忘了在防火牆中開啟這個埠,不然無法訪問;server_name為你的伺服器ip,如果你有功能變數名稱且配置解析好了,也可以再在此添功能變數名稱

file

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

file

4、由於上述前端使用的是9000埠(也可以換為你自己想要的埠,例如80埠),因此要在防火牆中也打開這個埠,外界才可以訪問。於此同時,後端也需要一個8080埠,因此也要將其打開,後續部署後端服務要用到。註意有時候可能你想用的埠已經被其他進程占用,可以嘗試找到該進程並將其kill掉或者重新開另一個埠號,具體方法不在此贅述,可上網查詢。

firewall-cmd --zone=public --add-port=9000/tcp --permanent
firewall-cmd --zone=public --add-port=8080/tcp --permanent

我用的是阿裡雲的輕量應用型伺服器,因此還需要檢查以下寶塔界面的“安全”裡面是否開啟該埠,以及阿裡雲伺服器工作台里的“安全”->“防火牆”中的埠,如果沒有開啟,則需要在這裡手動開啟。此外阿裡雲的ECS雲伺服器需要為該埠號添加安全組規則。

file

file

5、埠配置好了後,每次修改了nginx的配置文件後一定要重新啟動nginx,使新配置生效。如果重啟失敗,則先找到nginx的進程,然後將其kill掉,再重啟nginx:

如果已經將nginx配置到全局的環境變數中,就可以直接運行這個命令重啟nginx
nginx -s reload
如果沒有將其配置到全局的環境變數中,則需要進入安裝的nginx/sbin/目錄中,用如下命令:
./nginx -s reload
查看進程號: ps -ef|grep nginx
殺死進程:kill -term xxxx/ kill -int xxxx

file

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

file

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`;

file

file

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

file

file

然後登錄進入mysql資料庫,使用剛纔創建ry-vue資料庫,導入兩個數據表進入ry-vue資料庫中:

use ry-vue;
source /project/quartz.sql;
source /project/ry_20210908.sql;

(4) 修改項目中ruoyi-admin中的三個文件,如下:

file

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

file

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

file

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

file

自此,該修改的已經修改完了。

(5)嘗試運行後端項目

可以通過InteliJ IDEA或者eclipse軟體來運行這個java後端項目,前提是你運行的本機上應該也具備一定的環境,jdk>=1.8,以及本地8080埠(用於後端)已開啟且未被占用。其他的例如mysql,redis可以直接通過伺服器ip+埠號遠程訪問,不需要在本機上配置。

出現如下表示啟動成功,可以開始打包後端代碼。如果未成功也不用灰心,檢查報錯,是否關於mysql,redis的(如果是,則可能是這兩個沒有在你的伺服器上配置好或者剛纔修改的信息出錯了,例如賬號,密碼不對,或者遠程連接未成功,導致本機無法遠程訪問等等),如果是關於8080埠,可能是由於你本機有程式以及占用了8080埠,這個基本上就不是什麼問題,部署到伺服器後只要伺服器8080埠可用就行。接下來可以直接打包代碼。

file

(6)打包後端代碼jar包

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

file

file

file

file

file

將這個ruoyi-admin.jar包上傳至伺服器,可繼續存於剛纔建的project目錄中。

6.後端部署

(1)再此修改nginx配置文件(nginx.conf),添加後端信息。proxy_pass中空餘的部分填伺服器ip地址,別忘了上面是location /prod-api/。修改後別忘了重啟nginx服務,用上面剛纔提到的命令。

file

修改未prod-api是由於前端發送請求的時候就是通過這個介面來發送的

file

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

file

file

(2)遠程連接伺服器,進入project目錄,後臺啟動jar包:

nohup java -jar ruoyi-admin.jar &

7.成功部署效果

用瀏覽器訪問”ip:前端埠號“:

輸入驗證碼登錄後成功進入後臺:

file

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


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • ODT文檔格式一種開放文檔格式(OpenDocument Text)。通常,ODT格式的文件可以使用LibreOffice Writer、MS Word或其他一些文檔編輯器來打開。我們在處理文檔時,可通過格式轉換的方式,將ODT轉為其他格式,或者將其他格式轉為ODT,來獲取目標文檔。本文,以C#及V ...
  • 背景: 先上個圖,看一下效果: SSO英文全稱Single Sign On(單點登錄)。SSO是在多個應用系統中,用戶只需要登錄一次就可以訪問所有相互信任的應用系統。它包括可以將這次主要的登錄映射到其他應用中用於同一個用戶的登錄的機制。 它是目前比較流行的企業業務整合的解決方案之一。(本段內容來自百 ...
  • 垃圾回收(GC)是托管語言必備的技術之一。GC 的性能是影響托管語言性能的關鍵。我們的 .NET 既能寫桌面程式 (WINFROM , WPF) 又能寫 web 程式 (ASP.NET CORE),甚至還能寫移動端程式。。。不同使用場景的程式對 GC 的風格也有不同的要求,比如桌面程式更註重界面的響 ...
  • rpm資源包下載 在一些內網或區域網環境中,無法通過 yum install xxx 進行程式包的下載安裝。 需要從具有外網環境的電腦上下載離線程式包,拷貝至內網環境中手動安裝。 方法一:使用 yum 下載 yum --downloadonly --downloaddir=/home/package ...
  • 1.第一個shell vi first.sh !/bin/bash 作者:Arya 編寫時間:2022-04-22 功能:this is my first blog! echo "this is my first shell!" 2.crond服務 以守護進程方式在無需人工干預的情況下來處理著一系列 ...
  • https://www.cnblogs.com/yeungchie/ XFCE是一款輕量級 Linux 桌面,當前版本已經將所有部件從 GTK2 更新到 GTK3,從D-Dbus Glib更新到GDBus,大部分組件支持Object Introspection(簡稱 GI,用於產生與解析 C 程式庫 ...
  • 為什麼要使用Docusaurus Docusaurus 是 Facebook 專門為開源項目開發者提供的一款易於維護的靜態網站創建工具,使用 Markdown 即可更新網站。構建一個帶有主頁、文檔、API、幫助以及博客頁面的靜態網站,只需5分鐘。 Docusaurus 是一個靜態站點生成器。它構建了 ...
  • cat命令詳解 用法 功能 cat filename 獲取文件內容 cat file1 file2 > newfile 將file2的內容追加到file1,生成新文件newfile,但不會刪除原文件 cat > file 創建並編輯file,若file存在,則原文件內容被覆蓋, 按ctrl c 或者 ...
一周排行
    -Advertisement-
    Play Games
  • 分組和樹形結構是不一樣的。 樹形結構是以遞歸形式存在。分組是以鍵值對存在的形式,類似於GroupBy這樣的形式。 舉個例子 ID NAME SEX Class 1 張三 男 1 2 李四 女 2 3 王二 男 1 當以Sex為分組依據時則是 Key Value 男 1 張三 男 1 3 王二 男 1 ...
  • NetCore中將SQLServer資料庫備份為Sql腳本 描述: 最近寫項目收到了一個需求, 就是將SQL Server資料庫備份為Sql腳本, 如果是My Sql之類的還好說, 但是在網上搜了一大堆, 全是教你怎麼操作SSMS的, 就很d疼! 解決方案: 通過各種查找資料, 還有一些老哥的幫助, ...
  • 我的Notion Clowd.Squirrel Squirrel.Windows 是一組工具和適用於.Net的庫,用於管理 Desktop Windows 應用程式的安裝和更新。 Squirrel.Windows 對 Windows 應用程式的實現語言沒有任何要求,甚至無需服務端即可完成增量更新。 ...
  • 轉載請註明來源 https://www.cnblogs.com/brucejiao/p/16188865.html 謝謝! 轉載請註明來源 https://www.cnblogs.com/brucejiao/p/16188865.html 謝謝! 轉載請註明來源 https://www.cnblog ...
  • 1. Netty源碼研究筆記(3)——Channel系列 依舊是通過先縱向再橫向的研究方法,在開篇中,我們發現不管是Sever還是Client,最終的啟動是通過調用channel的對應方法來完成的,而這個動作實際在channel綁定的eventLoop中執行。 接下來,我們繼續EchoSever、E ...
  • 大家好,今天給大家介紹一款輕量、快速、穩定可編排的組件式規則引擎框架LiteFlow。 一、LiteFlow的介紹 LiteFlow官方網站和代碼倉庫地址 官方網站:https://yomahub.com/liteflow Gitee托管倉庫:https://gitee.com/dromara/li ...
  • 我使用Spring AOP實現了用戶操作日誌功能 今天答辯完了,復盤了一下系統,發現還是有一些東西值得拿出來和大家分享一下。 需求分析 系統需要對用戶的操作進行記錄,方便未來溯源 首先想到的就是在每個方法中,去實現記錄的邏輯,但是這樣做肯定是不現實的,首先工作量大,其次違背了軟體工程設計原則(開閉原 ...
  • 《零基礎學Java》 繪製幾何圖形 Java可以分別使用 Graphics 和 Graphics2D 繪製圖形,Graphics類 使用不同的方法繪製不同的圖形(drawLine()方法可f以繪製線、drawRect()方法用於繪製矩形、drawOval()方法用於繪製橢圓形)。 Graphics類 ...
  • 本期教程人臉識別第三方平臺為虹軟科技,本文章講解的是人臉識別RGB活體追蹤技術,免費的功能很多可以自行搭配,希望在你看完本章課程有所收穫。 ...
  • 很多人都喜歡使用黑色的主題樣式,包括我自己,使用了差不多三年的黑色主題,但是個人覺得在進行視窗轉換的時候很廢眼睛。 比如IDEA是全黑的,然後需要看PDF或者WORD又變成白色的了,這樣來回切換導致眼睛很累,畢竟現在網頁以及大部分軟體的界面都是白色的。那麼還是老老實實的使用原來比較順眼的模式吧。 1 ...