如何使用Github Actions实现一个简单的ci/cd

# .github/workflows/node.js.yml
# 当前整个文件就是一个Workflows

name: Node.js CI # 工作流的名称

on: # 执行该工作流的事件, 上图的Events
  push:
    branches: [main] # 当main分支push之后就执行该工作流
  pull_request:
    branches: [main] # 当main分支pull_request就执行该工作流

jobs: # 执行的一组任务, 上图中的Jobs
  build:
    runs-on: ubuntu-latest # 在什么机器上执行, 上图中的Runner

    strategy: # 矩阵策略
      matrix:
        node-version: [12.x, 14.x, 16.x] # 等同于使用12.x、14.x、16.x三个不同node版本的job跑同一个工作流

    steps: # 要执行的步骤 上图中的Actions
      - uses: actions/checkout@v3 # 相当于git clone到当前运行的机器上
      - name: Use Node.js ${{ matrix.node-version }} # 显示在step上的别名
        uses: actions/setup-node@v3 # 设置node环境(可以使用npm、yarn, 选择指定的node版本)
        with: # 传入参数
          node-version: ${{ matrix.node-version }} # 指定什么版本 ${{}} 引用变量
          cache: 'npm' #
      - run: npm ci # 运行npm ci
      - run: npm run build --if-present # 运行npm run build 命令
      - run: npm test # 运行 npm test

name: vue/cli # 显示名字

on:
  push:
    branches: [main] # main分支push就执行该工作流

jobs:
  build:
    runs-on: ubuntu-latest # 在最新的ubuntu机器上

    steps:
      - uses: actions/checkout@v3 # git 克隆到当前机器上
      - name: Use Node.js
        uses: actions/setup-node@v3
        with:
          node-version: 16.x # 使用16的node版本
          cache: 'yarn'
      - run: yarn global add @vue/cli # 全局安装@vue/cli
      - run: vue -V # 查看版本

name: Deploy

on:
  push:
    branches: [main]

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v3 # git 克隆到当前机器上
      - name: Use Node.js
        uses: actions/setup-node@v3 # 设置node环境
        with:
          node-version: 16.x # 指定版本
          cache: 'yarn'

      - run: yarn # 运行 yarn
      - run: yarn build # 运行 yarn build
      - run: ls -a # 查看打包后的目录文件

# 省略...

steps:
  # 省略...
  - name: Install dependencies
    run: yarn # 运行 yarn

  - name: Run build
    run: yarn build # 运行 yarn build

  - name: view directory files
    run: ls -a # 查看打包后的目录文件

# 省略...

steps:
  # 省略...
  - name: Rename build folder
    run: mv .next build # 上传之前先重命名.next成build, 防止上传之后覆盖了.next
  - uses: appleboy/scp-action@master
    with:
      host: ${{ secrets.HOST }} # 服务器host
      username: ${{ secrets.USER }} # 服务器用户名
      password: ${{ secrets.PASSWORD }} # 服务器密码
      source: 'build,package.json,public' # 需要上传的文件, 多文件使用逗号隔开
      target: '~/demo' # 上传到服务器的什么位置

name: Greeting on variable day

on: workflow_dispatch # 手动触发工作流

env:
  DAY_OF_WEEK: Monday # 定义整个工作流中的变量

jobs:
  greeting_job:
    runs-on: ubuntu-latest
    env:
      Greeting: Hello # 定义在jobs中的变量
    steps:
      - name: "Say Hello Mona it's Monday"
        run: echo "$Greeting $First_Name. Today is $DAY_OF_WEEK!"
        env:
          First_Name: Mona # 定义在steps中的变量

# 省略...
steps:
  - name: Run Deploy
    uses: appleboy/ssh-action@master
    with:
      command_timeout: 4m
      host: ${{ secrets.HOST }}
      username: ${{ secrets.USER }}
      password: ${{ secrets.PASSWORD }}
      script: | # 运行多行命令
        echo "[deploy] start deployment..."
        # 进到当前文件夹
        cd ~/demo

        # 停止服务
        pm2 stop demo
        pm2 delete demo

        # 删除之前的文件
        rm -rf .next
        rm -rf node_modules

        # 将上传的文件的文件进行重命名 build -> .next
        mv build .next

        # 安装依赖
        yarn --prod

        # 启动服务
        yarn pm2

        echo "[deploy] end deployment..."
        echo "[deploy] success"

name: Node.js CI

on:
  push:
    branches: [main]

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v3 # git 克隆到当前机器上
      - name: Use Node.js
        uses: actions/setup-node@v3 # 设置node环境
        with:
          node-version: 16.x # 指定版本
          cache: 'yarn'

      - name: Install dependencies
        run: yarn # 运行 yarn

      - name: Run build
        run: yarn build # 运行 yarn build

      - name: View directory files
        run: ls -a # 查看打包后的目录文件

      - name: Rename build folder
        run: mv .next build # 重命名.next成build
      - uses: appleboy/scp-action@master # 使用scp-action进行文件上传
        with:
          host: ${{ secrets.HOST }} # 服务器host
          username: ${{ secrets.USER }} # 服务器用户名
          password: ${{ secrets.PASSWORD }} # 服务器密码
          source: 'build,package.json,public' # 需要上传的文件
          target: '~/demo' # 上传到服务器的什么位置

      - name: Run Deploy
        uses: appleboy/ssh-action@master
        with:
          command_timeout: 4m
          host: ${{ secrets.HOST }} # 服务器host
          username: ${{ secrets.USER }} # 服务器用户名
          password: ${{ secrets.PASSWORD }} # 服务器密码
          script: | # 运行多行命令
            echo "[deploy] start deployment..."
            # 进到当前文件夹
            cd ~/demo

            # 停止服务
            pm2 stop demo
            pm2 delete demo

            # 删除之前的文件
            rm -rf .next
            rm -rf node_modules

            # 将上传的文件的文件进行重命名 build -> .next
            mv build .next

            # 安装依赖
            yarn --prod

            # 启动服务
            yarn pm2

            echo "[deploy] end deployment..."
            echo "[deploy] success"