1. 阿里聚石塔控制臺

登錄聚石塔賬號，進入 控制臺>開發運維>服務列表，在服務列表可以查看已創建部署的服務；聚石塔提供一整套完整的運維部署解決方案，列表服務支持停止開啟服務，上傳部署，編譯部署，支持歷史版本部署，監控，SSH等。

這里是前后端分離項目，Vue.js 前端項目 + SpringBoot 后端項目，后端項目Maven 管理打 WAR 包，前端項目 Yarn 管理。

2. 后端項目打包部署

2.1 mvn package 打 war 包

2.2 創建服務 Tomcat

選擇鏡像-服務配置-環境變量-確認創建

選擇鏡像

此處 SpringBoot 項目打 WAR 包部署在 Tomcat，根據實際項目選擇版本，此處選擇 Tomcat8.5.38

服務配置

自定義服務標題名稱；

綁定已創建應用及 appKey；

選擇容器規格，支持自定義規格；

選擇要部署在的云服務器，服務器實際部署容器數量設置為 1 個；

環境配置

網絡配置設置服務訪問域名；這里僅配置了域名，后端項目提供域名，前端項目配置訪問后端項目接口的域名為該域名后打包

確認創建

勾選立即啟動，創建服務完成

2.3 上傳部署

創建服務后，在服務列表可以找到該服務；當服務較多時可以創建分組標簽，對服務進行編輯分組。

找到服務，選擇上傳部署；

選擇本地上傳部署，逐個容器部署，可以添加備注，點擊上傳程序包，增加文件，選擇打好的 war 包，等待上傳進度為 100% 即可，容器會自動重啟。

有時候點擊增加文件后，進度條很長時間不會變動，文件添加到上傳隊列，隊列也沒權限查看，也不確定是不是阻塞，我也是看不懂，難頂。

一般的，項目 war 包沒問題的話到此，后端項目部署完成。容器啟動后運行中服務有異常，應該是war 包有問題或者容器環境和 war 包要求環境不匹配。你可以在服務列表點擊容器管理，在操作項選擇 WebSSH 進入 SSH 查看 /acs/log 下的日志排查問題。

服務啟動后，通過配置的服務域名可以訪問后端項目的接口，接口訪問能有響應部署就完成了。

3. 前端項目打包部署

3.1 yarn build 打包

前端項目配置好正式環境后端項目的域名，通過build 命令打資源包

3.2 創建服務 Nginx

選擇鏡像-服務配置-環境變量-確認創建

選擇鏡像

選擇其他>Nginx 1.14.2

服務版本根據實際項目自主選擇。

服務配置

自定義服務標題名稱；

綁定已創建應用及 appKey；

選擇容器規格，支持自定義規格；

選擇要部署在的云服務器，服務器實際部署容器數量設置為 1 個；

環境變量

網絡配置支持選擇通信協議，自定義域名等

環境配置支持配置默認 nginx.conf 文件，因此處前端打包文件為dist文件夾，此處我配置資源根路徑地址為 /acs/dist

location / {

root /acs/code;

index index.html index.htm;

}

為

location / {

root /acs/dist;

index index.html index.htm;

}

其他無改動。

確認創建

確認基礎信息后，可以勾選立即啟動服務，點擊創建完成服務創建。

3.3 上傳資源包

前端項目為靜態文件資源，打包資源放到 nginx 服務映射對應路徑下即可。

進入 WebSSH ，將 /acs/upload 下的 dist.zip 移動到/acs 解壓后，根據 Nginx 服務配置地址 /acs/dist 無誤，重啟服務即可。

服務啟動后訪問配置的域名，能訪問到 /acs/dist/index.html 資源，部署就完成了。

4. 訪問項目

服務啟動后訪問前端項目(前端項目外網域名)即可。

Power By niaonao, The End, Thanks

總結

以上是生活随笔為你收集整理的前后端分离的项目部署到tomcat_阿里聚石塔部署前后端分离项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。