返回

开发者的福音:使用 Github Action 持续构建并发布你的应用

前端

前言

过去,发布项目时,我们必须先在本地构建和打包项目,然后将其上传到服务器,最后再重启服务才能完成。这是一个非常浪费时间的过程。使用 Github Action 持续构建并发布应用,可以帮助我们节省大量时间,提高开发效率。

什么是 Github Action

Github Action 是一个持续集成和持续交付(CI/CD)平台。它可以帮助我们自动执行构建、测试和部署等任务。Github Action 提供了丰富的内置功能,可以满足我们不同的需求。我们还可以通过编写自定义脚本来扩展 Github Action 的功能。

如何使用 Github Action 持续构建并发布你的应用

要使用 Github Action 持续构建并发布你的应用,你需要先在你的项目中创建一个 Github Action 工作流。工作流是一个 YAML 文件,用于定义工作流的执行流程。

工作流中,你可以定义一个或多个作业。作业是一个独立的任务,它可以执行构建、测试或部署等任务。

每个作业中,你可以定义一个或多个步骤。步骤是一个具体的命令或脚本,它将在作业中执行。

以下是一个简单的 Github Action 工作流示例:

name: CI/CD

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: npm install
      - run: npm run build

  test:
    runs-on: ubuntu-latest
    needs: build
    steps:
      - uses: actions/checkout@v2
      - run: npm install
      - run: npm run test

  deploy:
    runs-on: ubuntu-latest
    needs: test
    steps:
      - uses: actions/checkout@v2
      - run: npm install
      - run: npm run deploy

在这个工作流中,我们定义了三个作业:buildtestdeploy

build 作业用于构建我们的应用。

test 作业用于测试我们的应用。

deploy 作业用于将我们的应用部署到服务器。

如何编写 Github Action 工作流脚本

Github Action 工作流脚本使用 YAML 编写。YAML 是一种简单的人类可读的语言,很容易学习。

在 Github Action 工作流脚本中,你可以使用以下语法:

  • name:用于定义工作流的名称。
  • on:用于定义工作流的触发条件。
  • jobs:用于定义工作流中的作业。
  • runs-on:用于定义作业运行的环境。
  • steps:用于定义作业中的步骤。
  • uses:用于引用其他工作流或操作。

有关 Github Action 工作流脚本的更多信息,请参考 Github Action 的官方文档。

如何使用 Github Action 发布你的应用

要使用 Github Action 发布你的应用,你需要在你的工作流中添加一个 deploy 步骤。在 deploy 步骤中,你可以使用以下命令来发布你的应用:

- run: npm run deploy

这个命令将执行 npm run deploy 命令来发布你的应用。

结语

使用 Github Action 持续构建并发布你的应用,可以帮助你节省大量时间,提高开发效率。Github Action 提供了丰富的内置功能,可以满足我们不同的需求。我们还可以通过编写自定义脚本来扩展 Github Action 的功能。

我希望这篇文章能帮助你了解 Github Action,并学会如何使用 Github Action 持续构建并发布你的应用。