使用GithubActions和腾讯CloudBase自动发布静态网页
腾讯 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集成