Nuxt + Github Action + 阿里雲服務器 = 實現自動化部署

源於要做一個Nuxt的項目,所以標題以Nuxt爲主,其實不然,我們同時也可將 Html 包含內的任意框架,全部可通過該方式進行實現自動化部署,

注:但前提是,請勿將公司內部產品項目,放入Github中使用,Github 建議只上傳Demo,GItLab 可用於公司內部使用, CI 實現自動化部署。

 

一、準備工作

1. Nuxt Demo

2. Github 上傳

3. Github Actions配置

4. 阿里雲服務器購買

5. 阿里雲服務器配置

 

二、使用 Nuxt 新建 Demo

1. 查看官網

2. 根據 Install 安裝

3. 啓動後,我們可以看到以下, 就說明,我們已經啓動成功

二、Github 上傳項目

1. 新建 Github 項目

 

 

 

2. 將本地項目代碼,託管到 Github 上

 

 

 

3. 代碼上傳成功

 

 

三、Github Actions 配置

1. 點擊 Actions 按鈕,我們可以看到,我們可以自己去配置自動化所需要的步

 

2. 在 Github 上新建一個 Token 的驗證,用於 Github 的關聯

 

 

3 我們可以看到,此處有三點需要注意

1. 在項目的根目錄下,新建 /.github/workflows/***.yml, 此處 yml 的文件名可以隨意取名,項目上傳後,會自動讀取 workflows 文件夾內部 yml 文件

2. Edit new file 是 需要實現自動化部署,寫的步驟,Github 默認的自動化部署步驟,是直接上傳到了 Github Actions ,會生成一個網站查看,因我們是實現阿里雲自動化部署,所以,將下面代碼替換

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章