## 項目概況 此項目分為三個子項目 > 目錄介紹 >> 1. 移動端 ---> 手機和微信小程序訪問 >> 2. WEBPC管理端 ---> PC 管理端 >> 3. Java Api ---> 為移動端和后臺提供Api ## 打包前環境準備 > 注意： >本地環境和開發工具 > jdk1.8 > node 14 > IntelliJ idea > Hbuilder x >這里默認你本地的 Maven 環境和 idea 的 lombok 插件已經安裝了，如果導入后 get set 報錯，請確認該插件已經正確安裝 1. 一個主域名，3個子域名共計4個域名 2. 主域名用于訪問移動端，子域名1用于訪問后臺，子域名2用于訪問Java Api，子域名3用于圖片資源訪問 3. 舉例4個域名，下文中會用此來代替 - 移動端 ---> https://www.app.com - PC 后臺 ---> https://admin.app.com - Java Api ---> https://api.app.com - 圖片資源 ---> https://image.app.com 4. 在寶塔上新創建4個靜態站點 - 進入寶塔點擊左側網站，點擊右側添加站點，會彈出窗口，請按下圖設置 -  - ftp此處可不創建，如果需要后面可以在ftp模塊創建，注意ftp需要開啟21端口 - 依照上圖創建4個站點 - 站點里填寫的域名是上面解析的4個域名，分別要對應好項目文件夾，圖片和API可以根據網站分開也可以指向同一個域名 如果指向同一個建議向 api 靠齊 - 設置https證書，寶塔有免費證書可設置，在網站列表 -  - 點擊申請后會彈出窗口，有申請流程提醒，申請成功之后如下圖操作， -  - 站點https證書設置完成 5. Mysql數據庫創建 -  - 對應權限根據自己需求選擇 6. ftp創建（可以不設置 只是為了方便部署） - 點擊左側ftp，點擊右側添加，會彈出窗口，請按下圖設置 -  - 根目錄指當前ftp賬號可訪問此目錄下的所有文件夾以及文件 7. redis - 在寶塔 軟件商店中搜索安裝即可，密碼設置 -  8. 端口放行 - 點擊左側安全，點擊右側添加，會彈出窗口，請按下圖設置 -  - 圖片中每個人可根據自己的實際情況開啟端口 - 必須開的端口 * 21 ---> ftp 端口 * 22 ---> ssh 端口，終端連接服務器使用 * 80 ---> web 服務訪問端口 * 443 ---> https 訪問使用端口，也是微信開放平臺要求使用 * 3306 ---> 數據庫Mysql端口 * 6379 ---> Redis端口 * 20000 ---> Java Api項目監聽端口 ## Java 項目部署 1. 如下圖所示執行打包后得到 Crmeb.jar -  2. 把Jar包上傳到 api.app.com站點 -  -  3. 安裝https證書 ----> 參考安裝流程 打包前準備 第四條 4. 設置反向代理 目標url為 `http://127.0.0.1:20000`  5. 上傳crmeb目錄下的 start.sh文件api.app.com站點下。和 Jar包在同級目錄 - /start.sh 文件路徑修改 -  6. 在 jar包同級目錄下打開終端 運行 `start.sh (運行命令為 ./start.sh )` 腳本即可啟動項目 7. 默認啟動 `20000` 端口號 此端口號可以在配置文件里配置 -  8. 訪問已經啟動且部署好的 java 程序域名 確認java 正確運行 swagger 登錄口令在對應的環境文件中配置。 ## 部署admin子項目 1. WEB PC 管理端 **修改對應環境文件** - 同本地運行類似 確認修改配置環境中的 path 后 執行自己對應環境的命令  **打包命令** ~~~ npm run build:stage -- 打包測試環境 npm run build:prod -- 打包正產環境 ~~~ 2. 命令結束后，把對應 dist 文件夾下的所有文件上傳到寶塔站點 admin.app.com 3. 素材文件，同本地運行一樣，將資源文件上傳到圖片服務對應的目錄下即可，首次素材加載會失敗，登錄進去修改文件上傳對應的配置即可 4. 配置偽靜態，修復刷新404的問題 nginx 配置文件，location配置需要針對自身環境修改 ~~~ location / { try_files $uri $uri/ /index.html; } ~~~ 寶塔偽靜態配置 ~~~ location / { if (!-e $request_filename){ rewrite ^/(.*) /index.html last; break; } } ~~~ 如圖  提供默認圖片素材 參見[圖片素材導入 · CRMEB 單商戶Java版 幫助文檔](https://help.crmeb.net/crmeb_java/2327150) ## 部署移動端子項目 1. 移動端項目通過 Hbuilder X 打包H5，打包成功如下圖 - 修改項uniapp項目根目錄下config-->app.js中的doimain 為上一步java部署后的api域名 -  2. 點擊圖中紅色區域打開打包后的 H5 文件夾，如果不能點擊則需要手動找到對應目錄 3. 打開H5目錄 -  3. 把H5目錄下的文件上傳到 www.app.com目錄下即可 ## 至此項目部署完成，可以一一訪問確認一遍 移動端訪問地址 www.app.com [示例地址,根據自己地址對應更改] 后臺訪問地址 admin.app.com [示例地址,根據自己地址對應更改] ~~~ 1. 登錄賬號 admin 2. 登錄密碼 123456 ~~~ 如果密碼不正確可以 用次腳本重置admin 密碼 [重置admin密碼腳本獲取](https://gitee.com/ZhongBangKeJi/crmeb_java/blob/master/crmeb/sql/%E9%87%8D%E7%BD%AEadmin.sql) 在整個打包和部署過程中 出現個別的問題可以在 [論壇中提問](http://bbs.crmeb.net/forum-122-1.html)