介紹:本文用的經典的前后端分離開源專案ruoyi
Gitee鏈接地址:https://gitee.com/y_project/RuoYi
一、拉取專案:
利用Git把專案拉取到本地,也可以直接利用idea工具拉取,如圖點擊Get from VCS

填入遠程倉庫地址url,點擊clonde

等待一段時間后專案會自動加載入idea工具中
二、準備專案所需環境的修改:
1、部署后端部分:
Ⅰ:后端部分專案組態檔的修改
進入ruoyi-admin中,打開yml組態檔,這里有兩個yml檔案,需要根據你自己的電腦做出相對應的修改
先點擊application-druid.yml這個組態檔,里面配置很多,但是你只需要修改資料庫配置就行了,
這里的資料庫地址如果改成你相對應的服務器ip地址,用戶名,密碼根據自己的資料庫自行更改,

然后在點擊application.yml這個組態檔,這個檔案只需要修改redis配置就行了,
這里填自己服務器對應的IP,埠填自己服務器對應的埠

這里運行專案的話會報幾個個錯誤,一個是log日志地址錯誤,找不到路徑,還有就是資料庫連接,redis連接,因為這兩個這里還沒有配置,放在后面配置
日志地址錯誤:需要去對應的檔案修改本機路徑:點擊logback.xml檔案,修改日志存放路徑到本機下,比如我的專案放在桌面上,然后在桌面建的一個log檔案來存放log日志,
你可以根據自己的需要做出相應的修改,

Ⅱ:進行專案打包,本文用的是jar包方式,也可以用war,道理是一樣的!
打包之前一定確認好自己redis、mysql中對應服務器ip地址是否正確,用戶名、密碼是否正確等,
打包方式很簡單,ruoyi專案已經給我們加了maven打包依賴,不用我們手動添加了,
點擊右邊的maven--->在點擊package

打包完成后、找到ruoyi-admin.jar包上傳到服務器,我這里上傳是用的Winscp工具,


在服務器根目錄創建一個java檔案夾,把打包好的jar包存放到這里

Ⅲ:安裝服務器中jar包所需要的運行環境
1、安裝Jdk8:
這里為了方便我們就用yum安裝方式安裝了,
1、先查看是否安裝了JDK
yum list installed |grep java
2、卸載CentOS系統Java環境
yum -y remove java-1.8.0-openjdk* *代表卸載所有openjdk相關檔案輸入
yum -y remove tzdata-java.noarch 卸載tzdata-java
3、查看JDK軟體包版本
yum -y list java*
4、查看JDK軟體包串列 安裝JDK
yum install -y java-1.8.0-openjdk* 自動安裝java1.8.0所有程式
控制臺回傳Complete安裝成功!!
2、安裝redis:
這里也用yum安裝、默認安裝的埠是6379,這里就不更改了!
yum install redis
啟動redis:
systemctl start redis
3、安裝mysql:
也用yum安裝、默認埠是3306
查看資料庫是否安裝:
yum list installed | grep mysql
使用yum安裝mysql資料庫
yum -y install mysql-server mysql mysql-devel
命令將:mysql-server、mysql、mysql-devel都安裝好,當結果顯示為“Complete!即安裝完畢,
啟動mysql
systemctl start mysqld
安裝完成后,使用本地資料庫工具,Navicat 等等,連接到服務器資料庫,創建ruoyi專案所需要的資料庫
匯入相對于的表

4、然后進入你存放jar包的位置,輸入命令:
前臺啟動:java -jar 專案名稱.java
后臺啟動:java -jar 專案名稱.java &
啟動成功后瀏覽器訪問后臺,輸入你的服務器ip地址+埠號,這里默認的埠號是8080
例如我的:192.168.44.128:8080

2、部署前端部分:
1、打開ruoyi-ui前端部分

打開組態檔vue.config.js,修改其中target地址,此地址為你后端專案訪問地址:改成后端專案啟動瀏覽器訪問地址就行了,

開始前端代碼部分打包,在ruoyi-ui模塊右擊,點擊open in打開終端!

先安裝專案依賴輸入:npm install
在進行專案打包:npm run build:prod
打包完成后會在專案ruoyi-ui目錄下生成一個dist檔案!


把生成的dist檔案準備好,進入服務器,安裝nginx這里也用yum方式安裝:
1、安裝 nginx
yum install -y nginx
安裝完成后nginx、會在相應目錄下生成組態檔等等
nginx 配置資訊
1、網站檔案存放默認位置(Welcome to nginx 頁面)
/usr/share/nginx/html
2、網站默認站點配置
/etc/nginx/conf.d/default.conf
3、自定義 nginx 站點組態檔存放目錄
/etc/nginx/conf.d/
4、nginx 全域組態檔
/etc/nginx/nginx.conf
5、啟動 nginx
service nginx start
6、關閉 nginx
service nginx stop
7、重啟 nginx
service nginx reload
在服務器/root目錄下新建一個檔案夾download,把打包生成的dist檔案放到此目錄下
修改nginx組態檔:
1、cd /etc/nginx/
2、vim nginx.conf
在檔案中加入此行配置,root下的專案路徑改為上面存放專案的路徑!!!!
location為轉發到后端路徑!!!保存!!!

配置完成后啟動nginx
cd /root/usr/sbin/ #進入此目錄下啟動nginx
./nginx #啟動命令
瀏覽器訪問:IP+埠,nginx埠默認的是80


啟動成功!!!!!!
本文用于學習,如有錯誤請糾正!!!!!
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/473451.html
標籤:其他
下一篇:Day16例外1
