阿里聚石塔部署先後端分離項目

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