本文主要介紹如何利用云效 實現Node項目（vue/react....）自動化部署

1.準備工作

1. Git 倉庫【Gitee】

2. 云服務器【華為云】

3. 你的項目

2. 創建目錄

服務器上創建兩個目錄

• 一個專門用來放壓縮包： /home/www/dist （aaa.tgz bbb.tgz）

• 一個專門放解壓后的項目： /www/wwwroot/j-young-edu （Node項目解壓后的文件放在這里面）

3. 首次部署一下

可以先部署一遍 確保能正常訪問了 再走后續的流程，具體部署方式省略。。。

4. 配置流水線【云效】

1. 新建流水線

1. 配置git倉庫源地址

   • 首次配置需要添加服務鏈接，此步省略（鼠標點點就能成功的）

   • 選擇代碼源【碼云】 (即Gitee，根據需要選擇自己對應的)

   • 選擇代碼倉庫

   • 選擇分支

   • 開啟代碼源觸發（此處非常重要）

   • 選擇觸發事件（代碼提交）

   • 復制Webhook地址到gitee倉庫管理里（見【5.配置webhook】）

   • 新建工作目錄

1. 配置代碼掃描【選擇你項目對應的node版本】

1. 安裝依賴（照著配就行，改下node版本）

1. 打包（照著配就行，紅框處改改）

1. 配置部署環境（照著來就行，改下文件夾名稱）

tar zxvf /home/www/dist/jYoungEduDist.tgz -C /www/wwwroot/j-young-edu

1. 保存并運行，測試一下

5. 配置webhook

• 點gitee上的測試按鈕報錯【無需理會】

{"errorCode": "1400003","errorMsg": "webhook觸發失敗，代碼路徑或者代碼分支未匹配","successful": false
}

6. 更新代碼

• 修改代碼并push到遠端，此時gitee就會請求webhook中配置的接口實現云效自動運行配置的流水線。