人人都会的程序员技巧！—— 微信小程序CI自动上传

前端

2024-01-11 07:45:41

使用微信小程序 CI 自动上传解放程序员双手

小程序发布的繁琐流程

作为一名小程序开发人员，你是否经常被小程序发布流程搞得头疼不已？每次发布都要重复上传代码、预览和重新上传，不仅浪费时间，还容易出错。

CI 自动上传的福音

现在，微信小程序推出的 CI（持续集成）自动上传功能为你带来了福音，彻底解放你的双手！

CI 自动上传的优势

无需借助开发者工具，即可完成小程序代码上传、预览等操作。
消除小程序预发环境和生产环境 AppId 不同的痛点。
支持定时自动上传，免去每次发布的重复操作，大大节省人力和时间成本。
操作简单便捷，只需几个步骤即可完成。

CI 自动上传的使用指南

第一步：配置 CI/CD 环境

登录微信小程序开发者工具，进入小程序项目。
在项目根目录创建 .github 文件夹。
在 .github 文件夹下创建 workflows 文件夹。
在 workflows 文件夹下创建 main.yml 文件。

第二步：编写 CI/CD 脚本

在 main.yml 文件中编写 CI/CD 脚本：

name: CI/CD

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v2

      - name: Install dependencies
        run: npm install

      - name: Build the project
        run: npm run build

      - name: Upload code to pre environment
        uses: wechat-action/wxapp-ci-action@v1
        with:
          appId: your-pre-app-id
          secret: your-pre-secret
          version: 1.0.0
          projectPath: out-build/

      - name: Upload code to production environment
        uses: wechat-action/wxapp-ci-action@v1
        with:
          appId: your-production-app-id
          secret: your-production-secret
          version: 1.0.0
          projectPath: out-build/