WeChat Mini 프로그램 자동 배포

이 글에서는 WeChat Mini 프로그램의 자동화된 배포와 관련된 문제를 주로 소개하는 WeChat Mini 프로그램에 대한 관련 콘텐츠를 제공합니다. WeChat Mini 프로그램을 개발하는 일상적인 프로세스는 상대적으로 번거로우며, 자동화된 배포 프로세스를 통해 이를 줄일 수 있습니다. 아래 과정을 살펴보시고 모든 분들께 도움이 되길 바랍니다.

【관련 학습 권장 사항: 미니 프로그램 학습 튜토리얼】

먼저 WeChat 미니 프로그램을 개발하는 일상적인 프로세스를 정리하겠습니다. 코드가 개발된 후 먼저 코드 저장소에 제출해야 하며, 그 다음 WeChat 개발자 도구 사용 코드를 실행한 다음 개발자 도구를 통해 WeChat 미니 프로그램 백엔드에 코드를 업로드하고 마지막으로 백엔드에서 검토를 위해 제출합니다.

프로세스가 여전히 상대적으로 번거롭다는 것을 쉽게 알 수 있습니다. 자동화된 배포 프로세스는 이 프로세스를 줄이고 코더의 손을 자유롭게 하는 데 도움이 될 수 있습니다. 이를 달성하는 방법을 아래에서 살펴보겠습니다.

miniprogram-ci

WeChat 애플릿의 자동화된 배포 프로세스는 이 플러그인인 miniprogram-ci에 의존해야 합니다.

miniprogram-ci는 WeChat 개발자 도구에서 추출한 미니 프로그램/미니 게임 프로젝트 코드를 위한 컴파일 모듈입니다.

개발자는 미니 프로그램 개발자 도구를 열지 않고도 miniprogram-ci를 독립적으로 사용하여 미니 프로그램 코드의 업로드, 미리 보기 및 기타 작업을 수행할 수 있습니다.

스크립트 실행이 이 플러그인에 따라 달라지기 때문에 스크립트가 실행될 서버나 로컬 프로젝트에 이 플러그인을 설치할 수 있습니다.

npm install miniprogram-ci --save

WeChat 공개 플랫폼 구성

공개 플랫폼에 로그인하고 개발-개발 관리-개발 설정을 열고 미니 프로그램 코드 업로드 구성 항목을 찾아 미니 프로그램 코드 업로드 키를 생성하고 IP 화이트리스트 키를 추가하세요. 파일은 스크립트에 액세스할 수 있는 한 스크립트가 실행될 서버에 저장되거나 프로젝트에 저장될 수 있습니다.

키 파일

WeChat 공개 플랫폼에서 생성된 키 파일의 구체적인 내용은 다음과 같습니다.

Script

xxx.sh의 실행 스크립트를 작성하고 원하는 이름을 지정합니다.

set -e
while read -r line
do
  if [[ $line =~ "version" ]]
  then
    declare a=${line##*:}
    declare b=${a#*\"}
    declare version=${b%\"*}
    break
  fi
done < package.json
echo $version
yarn
echo "开始编译..."
start1=$(date +%s)
yarn build:mp-weixin
end1=$(date +%s)
take1=$(( end1 - start1 ))
echo "Compile Success：${take1}s"
echo "微信小程序上传..."
start2=$(date +%s)
# upload
miniprogram-ci \
  upload \
  --pp ./dist/build/mp-weixin \
  --pkp ./private.wx3fxxxxxxxx3.key \
  --appid wx3fxxxxxxxx3 \
  --uv $version \
  --threads 1 \
  -r 1 \
  --enable-es6 true \
  --enable-es7 true \
  --enable-autoprefixwxss true \
  --enable-minify true \
end2=$(date +%s)
take2=$(( end2 - start2 ))
echo "Upload Success: ${take2}s"
take3=$(( end2 - start1 ))
echo "Total Time: ${take3}s"

특정 스크립트 모듈에 대한 설명

set -e

은 모든 후속 bash 명령의 반환 코드가 0이 아닌 경우 스크립트가 즉시 종료되고 후속 스크립트가 실행될 기회가 없다는 것을 의미합니다. 인간의 관점에서 볼 때 스크립트 실행 중에 오류가 보고되면 즉시 종료되고 실행이 중지됩니다.

while read -r line
do
  if [[ $line =~ "version" ]]
  then
    declare a=${line##*:}
    declare b=${a#*\"}
    declare version=${b%\"*}
    break
  fi
done < package.json
echo $version

위 스크립트는 package.json 파일의 내용을 한 줄씩 읽고 버전 필드를 찾은 다음 해당 값을 가져와 $version 변수를 정의합니다. 직설적으로 말하면, 아래에서 사용될 것이기 때문에 프로젝트의 버전 번호를 알아내는 것입니다.

yarn
echo "开始编译..."
start1=$(date +%s)
yarn build:mp-weixin
end1=$(date +%s)
take1=$(( end1 - start1 ))
echo "Compile Success：${take1}s"
echo "微信小程序上传..."
start2=$(date +%s)

얀을 보시면 이 스크립트가 프로젝트 의존성을 설치하고 작은 프로그램 프로젝트를 패키징 및 컴파일하기 위한 것임을 모두가 아실 것입니다. Start1, end1, take1은 기록 시간을 위한 것이므로 무시할 수 있습니다.

# upload
miniprogram-ci \
  upload \
  --pp ./dist/build/mp-weixin \
  --pkp ./private.wx3fxxxxxxxx3.key \
  --appid wx3fxxxxxxxx3 \
  --uv $version \
  --threads 1 \
  -r 1 \
  --enable-es6 true \
  --enable-es7 true \
  --enable-autoprefixwxss true \
  --enable-minify true \

위 스크립트가 핵심입니다.

miniprogram-ci를 통해 코드를 업로드하는 스크립트를 보면 어렵지 않습니다.

특정 매개변수 의미:

• --pp: 컴파일되고 패키징된 제품 파일 경로

• --pkp: WeChat 공개 플랫폼에서 생성된 개인 키 파일 경로

• --appid: 제품의 appid mini program

• --uv: 프로젝트의 버전 번호

• --threads: 활성화된 스레드 수

• -r: 로봇 번호(이 매개변수는 중요하지 않음)

이 시점에서 전체 스크립트는 기본적으로 완료됩니다.

자동 배포 구현

주로 세 가지 핵심 부분:

• 업로드 스크립트

• miniprogram-ci 플러그인

• 키 파일

이 문서에서는 주로 자동 배포를 구현하는 방법이 많이 있습니다. 두 종류를 설명합니다.

첫 번째 방법(권장)

jenkins + gitlab + webhook

스크립트와 키 파일을 프로젝트 루트 디렉터리에 직접 넣으면 jenkins가 webhook 관련 플러그인을 설치하고 gitlab에서 webhook을 구성하므로 가능합니다. 마스터 브랜치 코드 변경은 webhook을 트리거할 수 있으며, 이는 결국 jenkins 실행을 트리거합니다. jenkins 서버에 전역적으로 miniprogram-ci 플러그인을 설치하는 것을 잊지 마세요.

이런 방식으로 우리는 비즈니스 요구 사항이 개발되고 코드가 마스터 브랜치에 병합되면 웹후크가 자동으로 트리거되고, 이로 인해 Jenkins가 업로드 스크립트를 실행하게 된다는 것을 깨달았습니다.

개발자가 해야 할 일은 코드를 마스터 브랜치에 병합한 다음 미니 프로그램 배경으로 이동하여 업로드된 버전을 선택하고 검토를 위해 제출하는 것뿐입니다.

좋네요~

두 번째 방법

은 로컬 터미널 실행을 기반으로 합니다. 스크립트와 키 파일을 프로젝트 루트 디렉터리에 직접 배치하고, miniprogram-ci 플러그인을 로컬에 설치한 후, 스크립트를 직접 실행합니다. 터미널에서.

./ci-xxx.sh

아래 사진은 자동 배포로 업로드된 버전입니다:

【관련 학습 추천: 미니 프로그램 학습 튜토리얼】

위 내용은 WeChat Mini 프로그램 자동 배포의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!