上篇我們已經(jīng)把環(huán)境折騰好了恃泪，接下來就是拉代碼進(jìn)行部署了

啟動(dòng)后端服務(wù)

下載代碼

在 /home/software/ 目錄下拉取代碼

# 拉取代碼 git clone https://gitee.com/TDuckApp/tduck-platform.git

圖片

image.gif

導(dǎo)入數(shù)據(jù)

sql 文件在 doc 目錄中

圖片

image.gif

在這個(gè)目錄下登錄 mysql 谱仪，創(chuàng)建相應(yīng)名稱的數(shù)據(jù)庫。

`# 登錄 mysql
mysql -uroot -p

創(chuàng)建 tduck 庫

CREATE DATABASE tduck;

退出命令行

quit;

將sql文件導(dǎo)入數(shù)據(jù)庫

mysql -u 用戶名 -p 數(shù)據(jù)庫名 < 數(shù)據(jù)庫名.sql

導(dǎo)入tduck.sql文件

mysql -u root -p tduck < tduck.sql`

修改配置

配置文件在 /tduck-api/src/main/resources/ 目錄绷蹲，其中application.yml 存放公共配置

圖片

image.gif

active: dev 就是將讀取 application-dev.yml 本地開發(fā)環(huán)境變量诺核，所以接下來我們要修改 application-dev.yml

具體的修改請(qǐng)參考官方的「后端項(xiàng)目配置：（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）」

這里坑有點(diǎn)多衔肢，所以對(duì)修改了的 mysql漂佩、redis 脖含、微信公眾號(hào) 和 郵件設(shè)置 做個(gè)簡單說明

MySQL

一定不要用 root ，用我們新建的數(shù)據(jù)庫賬號(hào) tduck

圖片

image.gif

Redis

如果前面設(shè)置了密碼仅仆，記得填上器赞，其他的默認(rèn)就可以

圖片

image.gif

微信公眾號(hào)

和官方一樣垢袱，申請(qǐng)的微信測試公眾號(hào)：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

開始是用 frp 反向代理出去的

圖片

image.gif

老蘇的域名沒有備案墓拜，所以是帶端口的，結(jié)果提交后一直返回 配置失敗

圖片

image.gif

或者

{"errcode":-1,"errmsg":"system error"}

查了下官方的接入指南请契，似乎只能使用 80 或者 443 端口

圖片

image.gif

所以老蘇想到了 utools咳榜，在 跨平臺(tái)的工具箱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） 中老蘇介紹過它的 內(nèi)網(wǎng)穿透 插件夏醉，設(shè)置非常簡單

圖片

image.gif

這次 配置成功 了

圖片

image.gif

成功后的顯示

圖片

image.gif

將對(duì)應(yīng)的參數(shù) appId 等值寫入到配置文件

圖片

image.gif

郵件設(shè)置

1. username 一定要寫完整的郵箱；

2. 不要直接用郵箱密碼涌韩，要用第三方郵件客戶端的專用密碼畔柔；

老蘇測試了 88 郵箱和 QQ 郵箱，都是可以的正常工作的

圖片

image.gif

啟動(dòng)后端服務(wù)

# 進(jìn)入 tduck-platform 目錄 cd /home/software/tduck-platform/

在當(dāng)前目錄 /home/software/tduck-platform/ 下執(zhí)行下面的命令

# 清理項(xiàng)目建的臨時(shí)文件臣樱，打包 mvn clean package -DskipTests

如果顯示 BUILD SUCCESS 表示已經(jīng)編譯成功

圖片

image.gif

最后執(zhí)行

# 運(yùn)行 java -Dfile.encoding=UTF-8 -jar tduck-api/target/tduck-api.jar

圖片

image.gif

接下來就可以訪問了

# 看是否有輸出 curl localhost:8999/tduck-api

在瀏覽器中訪問 http://虛擬機(jī)ip:8999/tduck-api

圖片

image.gif

啟動(dòng)管理后臺(tái)前端

下載代碼

在 /home/software/ 目錄下拉取代碼

# 拉取代碼 git clone https://gitee.com/TDuckApp/tduck-front.git

圖片

image.gif

# 配置鏡像加速 npm install -g cnpm --registry=https://registry.npm.taobao.org

圖片

image.gif

啟動(dòng)項(xiàng)目

`# 進(jìn)入tduck-front 目錄
cd tduck-front

安裝依賴

cnpm install

啟動(dòng)項(xiàng)目

cnpm run serve`

圖片

image.gif

接下來就可以訪問了

# 打印html文件 curl localhost:8888

當(dāng)然最直觀的還是在瀏覽器中訪問 http://虛擬機(jī)ip:8888

圖片

image.gif

部署

在 tduck-front 目錄中運(yùn)行

# 開始構(gòu)建 cnpm run build

構(gòu)建打包成功之后靶擦，會(huì)在根目錄生成 dist 文件夾，里面就是構(gòu)建打包好的文件雇毫，通常是 .js 玄捕、.css、index.html 等靜態(tài)文件棚放。

圖片

image.gif

通常情況下 dist 文件夾的靜態(tài)文件發(fā)布到你的 nginx 或者靜態(tài)服務(wù)器即可枚粘，其中的 index.html 是項(xiàng)目的入口頁面。

參考文檔

tduck-platform: Tduck-填鴨收集器是一款開源的表單在線收集系統(tǒng)飘蚯，后臺(tái)基于SpringBoot+MybatisPlus+MySql+Redis馍迄，前端基于Vue ElementUI開發(fā)，功能強(qiáng)大局骤，界面美觀攀圈。keywords：問卷/表單/信息收集
地址：https://gitee.com/TDuckApp/tduck-platform

CentOS 7安裝MySQL - SegmentFault 思否
地址：https://segmentfault.com/a/1190000022843273

SpringBoot多環(huán)境配置詳解(application-dev.yml、application-test.yml峦甩、application-prod.yml)_Wingkin的博客-CSDN博客
地址：https://blog.csdn.net/Wing_kin666/article/details/111992800

各種折騰