索引

• • 1. 阿里聚石塔控制臺
  • 2. 后端項目打包部署
  • • 2.1 mvn package 打 war 包
    • 2.2 創建服務 Tomcat
    • 2.3 上傳部署
  • 3. 前端項目打包部署
  • • 3.1 yarn build 打包
    • 3.2 創建服務 Nginx
    • 3.3 上傳資源包
  • 4. 訪問項目

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. 訪問項目

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

基于聚石塔2.0梳理，僅作參考，現聚石塔版本為3.0
Power By niaonao

總結

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

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