随着前端应用的不断发展和迭代,自动化部署已经成为必不可少的一部分。GitHub Actions 是一个功能强大的持续集成和持续部署(CI/CD)工具,它可以帮助我们轻松地实现自动化部署。在本文中,我们将介绍如何使用 GitHub Actions 来自动部署前端应用程序。
准备工作
在开始之前,您需要准备以下内容:
- 一个 GitHub 仓库,用于存储您的前端应用程序代码。
- 一个 AWS 账户,用于存储和托管您的前端应用程序。
- 一个钉钉机器人,用于通知部署情况。
设置 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