如何部署一套自己的表單收集系統【教程-下】

上篇我們已經把環境折騰好了,接下來就是拉代碼進行部署了

啓動後端服務

下載代碼

 /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)」

這裏坑有點多,所以對修改了的 mysqlredis 微信公衆號  郵件設置 做個簡單說明

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 等值寫入到配置文件

 

 

郵件設置

  1. username 一定要寫完整的郵箱;
  2. 不要直接用郵箱密碼,要用第三方郵件客戶端的專用密碼;

老蘇測試了 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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章