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

来源: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@ip

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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...