快速搭建多环境CICD之-Github Actions

在此之前先通读一遍文档大致了解workflows、Events、Jobs、Actions基本概念.

Github Actions是一个CI/CD平台,允许创建多个工作流(workflows), 每个工作流可以通过触发器(on)去执行一些操作(actions). 通过各种触发器和操作的组合可以做的事情有很多想象空间,自动化构建和部署只是其中应用之一!

其载体是在项目根目录下创建./github/workflows/**.yml文件(注意必须在这个目录下,文件名不要有空格- -),然后编辑yml格式的代码,即可在对应Git操作时触发GitHub Actions!

流程依旧是两步: 构建 + 部署

1.自动化构建

我先以push为例:

yaml 复制代码
name: learn-github-actions
run-name: ${{ github.actor }} is learning GitHub Actions
on: [push] # 这表示工作流程将在推送(push)事件发生时触发
jobs:
  build-dev: # 任务名
    if: ${{ github.ref == 'refs/heads/dev' }} # 当分支为dev时执行
    runs-on: ubuntu-latest # 这表示任务将在最新版本的Ubuntu虚拟环境中运行
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
      - run: echo "dev $GITHUB_REF"
  build-stable: # 任务名
    if: ${{ github.ref == 'refs/heads/stable' }} # 当分支为stable时执行
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
      - run: echo "stable $GITHUB_REF"

将代码push到dev分支时,可以看到Actions中多一行记录:

将echo替换为num run build命令试试! 找不到构建后的产物请看下边Q1.

2.自动化部署

前提还是先申请一台轻量应用服务器,以华为云为例 www.huaweicloud.com/product/hec...

actions/upload-artifact本身只支持将构建产物上传到Github,如果想要上传到 自己的web 服务器,还需要其他插件!思路也很简单,还是使用SSH配合一些shell来实现文件复制和上传,跟Jenkins自动化部署类似!

依赖插件 appleboy/scp-action@v0.1.7 想要快速查找actions,可以使用github.com/marketplace

要链接到服务器,密钥肯定不能暴露在.yml代码里,这里使用Actions secrets,可以在这里定义运行时的环境变量,并且只有项目参与者才能修改.

配置文件:

然后提交代码,合并到dev分支,在Actions中工作流执行成功后,去服务器查看文件已上传成功!

接下来使用appleboy/ssh-action@v1.0.3,启动远程服务器即可!

完整的配置文件: github.com/yzbaoo/lear...

3.问题:

Q1: 在Github Actions中执行构建,构建后的代码(dist)跑哪里了?

A: 需要使用actions/upload-artifact将工作流中的数据存储为artifact!

参考:docs.github.com/zh/actions/...

然后就可以在Actions页面看到构建产物.

Q2: 虽然只有在dev和stable分支执行push时,才触发自动化,但是在其他分支push时,Actions中也会有一条跳过记录,如何避免在其他分支push时,Actions中存在跳过记录?

A:

Q3: 如何缓存依赖项以加快工作流程?

A:docs.github.com/zh/actions/...


YAML语法:docs.github.com/zh/actions/...

相关推荐
AC赳赳老秦17 分钟前
OpenClaw多平台部署:Windows+Linux跨系统协同,实现全场景覆盖
linux·服务器·前端·网络·windows·deepseek·openclaw
喜欢吃鱿鱼34 分钟前
DES加解密(附带解决转义问题)-VUE
开发语言·前端·javascript
腹黑天蝎座37 分钟前
前端性能优化实战指南:从原理到落地的全方位解决方案
前端·性能优化·监控
忆往wu前42 分钟前
一文通透 Vue动态组件体系:插槽|数据监听|组件通信|动态切换|缓存—闭环
前端·面试
奇奇怪怪的问题43 分钟前
问题总结:关于封装axios问题,导致外部使用接口报错,无法进入error回调
前端·axios
Jenlybein43 分钟前
速学 VS Code 插件开发入门,客制化你的开发体验
前端·javascript·visual studio code
爱学习的小囧1 小时前
VMware vCenter Server 9.0.2.0 资源详解+完整部署教程+下载指南+常见问题
运维·服务器·esxi·vmware·虚拟化·esxi9.0.2.0
贾斯汀玛尔斯1 小时前
每天学一个算法--单调栈(Monotonic Stack)
运维·服务器·算法
hhb_6181 小时前
Linux底层运维自动化挂载与磁盘分区实战指南
linux·运维·自动化
SpikeKing1 小时前
Server - 配置 SQLBot 智能问数项目
运维·server·sqlbot