Zadig를 사용하여 WeChat 미니 프로그램의 자동 게시를 구현하는 방법

오픈소스 중국 커뮤니티 팀이 공유라는 이름으로 오픈소스 중국 커뮤니티의 뒷이야기를 전하는 첫 생방송을 진행했습니다."

포괄적인 DevOps 플랫폼인 Zadig는 다양한 소프트웨어 제공 환경에서 릴리스 프로세스를 단순화하기 위해 최선을 다하고 있습니다. 다양한 기능과 도구를 통합하고 광범위한 운영 체제 및 배포 환경에 적응하여 팀이 지속적인 전달, 자동화된 테스트, 그레이스케일 릴리스와 같은 주요 DevOps 사례를 쉽게 수행할 수 있도록 하여 소프트웨어 개발의 효율성과 품질을 크게 향상시킵니다. . Zadig는 Android 및 iOS 애플리케이션의 자동 릴리스를 성공적으로 지원했습니다. Kubernetes 인프라 구축에 탁월한 성능을 발휘할 뿐만 아니라 Linux, MacOS 및 Windows 호스트에서 애플리케이션 컴파일 및 릴리스도 완료하여 플랫폼 간 호환성과 기능을 입증했습니다.

이 기사에서는 Zadig를 통해 작은 프로그램 릴리스를 자동화하는 방법을 심층적으로 살펴보겠습니다. Zadig는 자동화 기능을 특수 애플리케이션 유형의 미니 프로그램으로 확장하여 기존 모바일 애플리케이션이든 새로운 미니 프로그램이든 관계없이 개발 팀에 안정적이고 효율적인 DevOps 지원을 제공합니다. Zadig를 통해 팀은 소프트웨어 제공의 모든 측면이 원활하고 원활하게 이루어지도록 보장하여 빠르고 안정적인 소규모 프로그램 릴리스를 달성할 수 있습니다.

예비 작업

APP ID 신청

일반적으로 개발 엔지니어가 제공하는 WeChat 공개 플랫폼에서 APP ID를 신청하세요.

빌드 이미지 만들기

코드 편집, 미니 프로그램 업로드 및 미리보기를 보다 원활하게 진행하려면 WeChat에서 공식적으로 제공하는 miniprogram-ci 도구를 사용하는 것이 좋습니다 . 도구에 대한 자세한 소개는 WeChat 공식 문서 를 참조하세요 .

빌드 과정에서 miniprogram-ci 도구를 사용하려면 해당 도구가 포함된 미러 환경을 준비해야 합니다. 구체적인 프로세스는 다음과 같습니다.

1. 이미지를 생성하고 이미지 웨어하우스에 푸시합니다. Dockerfile 및 이미지 빌드 명령에 대한 참조는 다음과 같습니다.

실제 프로젝트 종속성에 따라 해당 노드 버전을 선택하세요.

Dockerfile 참고:

FROM node:14.20.0-buster-slim
RUN apt update && \
    apt install curl  git -y && \
    npm install -g miniprogram-ci --registry=https://registry.npmmirror.com

이미지를 빌드하고 이미지 저장소에 푸시합니다.

$ docker build -t koderover.tencentcloudcr.com/test/node:14.20.0-buster-slim .
$ docker push koderover.tencentcloudcr.com/test/node:14.20.0-buster-slim

2. Zadig에서 사용자 정의 이미지를 구성하고 사용하려면 Zadig 문서 관리 |

Zadig에서 사용자 정의 이미지 구성

관리자 구성

새 프로젝트

Zadig 시스템에 들어가서 Project- > New Project를 선택하고 프로젝트 이름을 입력한 다음 프로젝트 유형을 선택하여 새 프로젝트를 생성하고 마법사를 건너뜁니다.

워크플로 준비

관리자는 다양한 역할에 대한 공동 작업 흐름을 준비합니다. 특정 구성 참조는 다음과 같습니다.

역할 중심	기능 설명	샘플 워크플로 이름	단계가 포함되어 있습니다.
R&D/테스트 엔지니어	테스트 워크플로, 빌드 테스트 버전	테스트 워크플로	빌드 테스트 버전(공통 작업) -> IM 알림(코드 변경 트리거)
릴리스 엔지니어	워크플로 게시 및 공식 버전 업로드	릴리스 워크플로	정식 버전 빌드 및 업로드(공통 작업) -> IM 알림

테스트 워크플로 구성

1. 새 워크플로우를 생성하고 "일반 작업"을 추가한 후 미니 프로그램의 빌드 이미지, 구성 코드 정보 및 빌드 스크립트를 선택합니다.

빌드 이미지 선택

빌드 미리보기 스크립트 구성

빌드 스크립트 참조:

#!/bin/bash
set -e

cd ${REPONAME_0}
yarn install
npx gulp -f build/compiler.js buildExample --color # 根据项目实际构建过程修改
miniprogram-ci preview \
    --appid <小程序 APP ID> \
    --project-path ./example \
    --private-key-path ./example/private.key \
    --upload-version $TASK_ID \
    -r 1 --enable-qrcode true% \
    --enable-es6 true%

2. 테스트 엔지니어에게 미니 프로그램 테스트를 수행하도록 알리는 알림 구성을 추가합니다. 구체적인 구성은 워크플로 알림 |

알림 추가

3. Git 트리거를 추가하려면 Git Trigger |

Git 트리거 구성

워크플로 구성 게시

1. 새 워크플로우를 생성하고 "일반 작업"을 추가한 후, 미니 프로그램을 선택하여 이미지를 빌드하고, 코드 정보를 구성하고, 버전 정보를 사용자 정의 변수로 추출하고, 푸시 스크립트를 빌드합니다.

빌드 이미지 선택

빌드 및 푸시 스크립트 구성

빌드 스크립트 참조:

#!/bin/bash
set -e

cd ${REPONAME_0}
yarn install
npx gulp -f build/compiler.js buildExample --color # 根据项目实际构建过程修改
miniprogram-ci upload \
    --appid <小程序 APP ID> \
    --project-path ./example \
    --private-key-path ./example/private.key \
    --upload-version $version \
    --enable-es6 true%

2. 공식 버전이 업로드되었음을 릴리스 엔지니어에게 알리는 알림 구성을 추가합니다.