GitHub Actions 自动部署前端应用

随着前端应用的不断发展和迭代,自动化部署已经成为必不可少的一部分。GitHub Actions 是一个功能强大的持续集成和持续部署(CI/CD)工具,它可以帮助我们轻松地实现自动化部署。在本文中,我们将介绍如何使用 GitHub Actions 来自动部署前端应用程序。

准备工作

在开始之前,您需要准备以下内容:

1. 一个 GitHub 仓库,用于存储您的前端应用程序代码。
2. 一个 AWS 账户,用于存储和托管您的前端应用程序。
3. 一个钉钉机器人,用于通知部署情况。

设置 GitHub Actions 工作流

首先,在您的 GitHub 仓库中创建一个名为 ​​.github/workflows/deploy-front.yml​​ 的文件。这个文件将定义您的 GitHub Actions 工作流程。

以下是一个示例工作流程:

name: Deploy front

on:
  push:
    tags: [ pre-app-202* ]

env:
  SERVICE_NAME: pre-app-h5-fe
  BUCKET_NAME: example-static
  CDN_DOMAIN_NAME: pre-app-h5.example.com
  ENV: pre
  AWS_DEFAULT_REGION: us-east-2
  DOMAIN_NAME_ID: ZGND3N2C63NY
  CERTIFICATE_ID: ${
  { secrets.CERTIFICATE_ID }}
  AWS_ACCOUNT_ID: ${
  { secrets.AWS_ACCOUNT_ID }}
  DINGDING_TOKEN: ${
  { secrets.DINGDING_TOKEN }}

defaults:
  run:
    shell: bash

jobs:
  deploy-front:
    runs-on: ubuntu-latest
    steps:
    - name: checkout