Github Action

什么是Github Action

官方文档
Github Action 是 Github 推出的一个 CI\CD 服务

什么是 CI\CD

CI\CD 是指 持续集成、持续交付、持续部署
什么是持续,持续是指多次、频繁的进行

• CI(持续集成), 是指开发在提交完代码到仓库后,自动进行代码构建,然后进行单元测试.
  
• CD(持续交付),是指将构建好的产物部署到测试环境中,然后由测试人员进行测试,测试通过后再发布到真实环境.
• CD(持续部署),是指持续集成后不需要测试人员进行干预直接部署到真实环境.

持续集成的核心是代码合并执行的是单元测试,重点是快速反馈
持续交付的核心是可用的软件执行的是功能,系统测试等,重点是软件质量达到交付标准
持续部署太过理想化了,CI之后肯定会有人员干预

Github Action 基本概念

1. workflow(工作流程): 持续集成一次的过程,就是一个workflow.
2. job(任务): 一个workflow由一个或多个job构成,是指一次集成可用完成多个任务.
3. step(步骤):每个job由多个step构成,一步一步完成.
4. action(动作):每个step可以依次执行一个或者多个action

发布一个react 项目到 Github Page

1. 创建一个Github密钥,因为部署项目到Github Page需要写权限
2. 创建一个react项目,在package.json文件中,加一个homepage字段
   "homepage": "https://[username].github.io/demo"
3. 在.github/workflows 的目录中创建一个workflow文件,比如ci.yml
   

name: Build and Deploy
on: [push]
permissions:
  contents: write
jobs:
  build-and-deploy:
    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v3

      - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
        run: |
          npm install
          npm run build

      - name: Deploy 🚀
        uses: JamesIves/[email protected]
        with:
          GITHUB_TOKEN: ${{ secrets.TOKEN }}
          branch: gh-pages # The branch the action should deploy to.
          folder: "dist" # The folder the action should deploy.

4. 将代码推送到main分支,Github Action会自动运行,同时将构建产物发布至Github Page.