騰訊 CloudBase 可以用于托管靜態網站,服務開通之后,使用 CloudBase CLI 可以將本地靜態網站上傳到 CloudBase,并生成相應的訪問域名。
配置 Workflow
創建 .github/workflows/deploy.yml 文件, 編輯內容如下:
name: Deploy to CloudBase Static Hostingon:workflow_dispatch:push:branches:- mainjobs:deploy:runs-on: ubuntu-lateststeps:- name: Set up Node.jsuses: actions/setup-node@v4with:node-version: '18' # 根據您的項目需求選擇Node.js版本- name: Install CloudBase CLIrun: npm install -g @cloudbase/cli- name: Deploy to CloudBase Static Hostingrun: |tcb login --apiKeyId ${{ secrets.TCB_SECRET_ID }} --apiKey ${{ secrets.TCB_SECRET_KEY }}tcb hosting deploy ./dist --envId ${{ secrets.TCB_ENV_ID }}
這里,我們首先配置好 node 環境,然后安裝 CloudBase CLI,通過 tcb login 命令登錄 CloudBase,然后使用 tcb hosting deploy 命令將靜態網站部署到 CloudBase。
可以看到,這里用到了幾個環境變量,如 TCB_SECRET_ID、TCB_SECRET_KEY、TCB_ENV_ID。 接下來,我們需要在項目設置中添加環境變量。
配置
- 點擊 Settings 按鈕,進入項目設置頁面。找到 Secrets and Variables 選項展開,點擊 Actions,在
Repository secrets
處點擊
New repository secret
按鈕,準備添加變量。
- 添加變量,分別添加 TCB_SECRET_ID、TCB_SECRET_KEY、TCB_ENV_ID。
TCB_SECRET_ID、TCB_SECRET_KEY,通過控制臺/訪問管理,找到訪問密鑰管理,添加。
TCB_ENV_ID 為服務創建好之后的環境 ID。
參考資料
- CloudBase CLI文檔
- 與Git平臺CI/CD集成