使用GithubActions和腾讯CloudBase自动发布静态网页

发布于:2025-06-26 ⋅ 阅读:(16) ⋅ 点赞:(0)

腾讯 CloudBase 可以用于托管静态网站,服务开通之后,使用 CloudBase CLI 可以将本地静态网站上传到 CloudBase,并生成相应的访问域名。

配置 Workflow

创建 .github/workflows/deploy.yml 文件, 编辑内容如下:

name: Deploy to CloudBase Static Hosting

on:
  workflow_dispatch:
  push:
    branches:
      - main

jobs:

  deploy:
    runs-on: ubuntu-latest

    steps:
      - name: Set up Node.js
        uses: actions/setup-node@v4
        with:
          node-version: '18' # 根据您的项目需求选择Node.js版本

      - name: Install CloudBase CLI
        run: npm install -g @cloudbase/cli

      - name: Deploy to CloudBase Static Hosting
        run: |
          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。 接下来,我们需要在项目设置中添加环境变量。

配置

  1. 点击 Settings 按钮,进入项目设置页面。找到 Secrets and Variables 选项展开,点击 Actions,在 Repository secrets 处点击

New repository secret 按钮,准备添加变量。

在这里插入图片描述

  1. 添加变量,分别添加 TCB_SECRET_ID、TCB_SECRET_KEY、TCB_ENV_ID。

在这里插入图片描述

TCB_SECRET_ID、TCB_SECRET_KEY,通过控制台/访问管理,找到访问密钥管理,添加。

TCB_ENV_ID 为服务创建好之后的环境 ID。

参考资料


网站公告

今日签到

点亮在社区的每一天
去签到