上篇我們已經把環境折騰好了,接下來就是拉代碼進行部署了
啓動後端服務
下載代碼
在 /home/software/
目錄下拉取代碼
# 拉取代碼
git clone https://gitee.com/TDuckApp/tduck-platform.git
導入數據
sql
文件在 doc
目錄中
在這個目錄下登錄 mysql ,創建相應名稱的數據庫。
# 登錄 mysql
mysql -uroot -p
# 創建 tduck 庫
CREATE DATABASE tduck;
# 退出命令行
quit;
# 將sql文件導入數據庫
mysql -u 用戶名 -p 數據庫名 < 數據庫名.sql
# 導入tduck.sql文件
mysql -u root -p tduck < tduck.sql
修改配置
配置文件在 /tduck-api/src/main/resources/
目錄,其中application.yml
存放公共配置
active: dev
就是將讀取 application-dev.yml
本地開發環境變量,所以接下來我們要修改 application-dev.yml
具體的修改請參考官方的「後端項目配置:(https://gitee.com/TDuckApp/tduck-platform/wikis/%E5%90%8E%E7%AB%AF%E9%A1%B9%E7%9B%AE%E9%85%8D%E7%BD%AE)」
這裏坑有點多,所以對修改了的 mysql
、redis
、微信公衆號
和 郵件設置
做個簡單說明
MySQL
一定不要用 root
,用我們新建的數據庫賬號 tduck
Redis
如果前面設置了密碼,記得填上,其他的默認就可以
微信公衆號
和官方一樣,申請的微信測試公衆號:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
開始是用 frp 反向代理出去的
老蘇的域名沒有備案,所以是帶端口的,結果提交後一直返回 配置失敗
或者
{"errcode":-1,"errmsg":"system error"}
查了下官方的接入指南,似乎只能使用 80 或者 443 端口
所以老蘇想到了 utools
,在 跨平臺的工具箱uTools(https://laosu.ml/2020/06/17/%E8%B7%A8%E5%B9%B3%E5%8F%B0%E7%9A%84%E5%B7%A5%E5%85%B7%E7%AE%B1uTools) 中老蘇介紹過它的 內網穿透
插件,設置非常簡單
這次 配置成功
了
成功後的顯示
將對應的參數 appId 等值寫入到配置文件
郵件設置
username
一定要寫完整的郵箱;- 不要直接用郵箱密碼,要用第三方郵件客戶端的專用密碼;
老蘇測試了 88 郵箱和 QQ 郵箱,都是可以的正常工作的
啓動後端服務
# 進入 tduck-platform 目錄
cd /home/software/tduck-platform/
在當前目錄 /home/software/tduck-platform/
下執行下面的命令
# 清理項目建的臨時文件,打包
mvn clean package -DskipTests
如果顯示 BUILD SUCCESS
表示已經編譯成功
最後執行
# 運行
java -Dfile.encoding=UTF-8 -jar tduck-api/target/tduck-api.jar
接下來就可以訪問了
# 看是否有輸出
curl localhost:8999/tduck-api
在瀏覽器中訪問 http://虛擬機ip:8999/tduck-api
啓動管理後臺前端
下載代碼
在 /home/software/
目錄下拉取代碼
# 拉取代碼
git clone https://gitee.com/TDuckApp/tduck-front.git
# 配置鏡像加速
npm install -g cnpm --registry=https://registry.npm.taobao.org
啓動項目
# 進入tduck-front 目錄
cd tduck-front
# 安裝依賴
cnpm install
# 啓動項目
cnpm run serve
接下來就可以訪問了
# 打印html文件
curl localhost:8888
當然最直觀的還是在瀏覽器中訪問 http://虛擬機ip:8888
部署
在 tduck-front 目錄中運行
# 開始構建
cnpm run build
構建打包成功之後,會在根目錄生成 dist
文件夾,裏面就是構建打包好的文件,通常是 *.js 、*.css、index.html 等靜態文件。
通常情況下 dist
文件夾的靜態文件發佈到你的 nginx
或者靜態服務器即可,其中的 index.html
是項目的入口頁面。
參考文檔
tduck-platform: Tduck-填鴨收集器是一款開源的表單在線收集系統,後臺基於SpringBoot+MybatisPlus+MySql+Redis,前端基於Vue ElementUI開發,功能強大,界面美觀。keywords:問卷/表單/信息收集
地址: https://gitee.com/TDuckApp/tduck-platform
CentOS 7安裝MySQL - SegmentFault 思否
地址: https://segmentfault.com/a/1190000022843273
SpringBoot多環境配置詳解(application-dev.yml、application-test.yml、application-prod.yml)_Wingkin的博客-CSDN博客
地址: https://blog.csdn.net/Wing_kin6