Como usar o Zadig para implementar a publicação automática de miniprogramas WeChat

A equipe da comunidade de código aberto da China fez sua primeira transmissão ao vivo, contando a história por trás da comunidade de código aberto da China em nome do compartilhamento."

Zadig, como uma plataforma DevOps abrangente, está comprometida em simplificar o processo de lançamento em diversos ambientes de entrega de software. Ele integra uma variedade de funções e ferramentas e se adapta a uma ampla variedade de sistemas operacionais e ambientes de implantação, permitindo que as equipes executem facilmente as principais práticas de DevOps, como entrega contínua, testes automatizados e lançamento em escala de cinza, melhorando significativamente a eficiência e a qualidade do desenvolvimento de software. . Zadig apoiou com sucesso o lançamento automatizado de aplicativos Android e iOS. Ele não apenas tem um bom desempenho na construção de infraestrutura Kubernetes, mas também pode completar a compilação e lançamento de aplicativos em hosts Linux, MacOS e Windows, comprovando sua compatibilidade e potência entre plataformas.

Neste artigo, veremos em profundidade como automatizar o lançamento de pequenos programas por meio do Zadig. A Zadig estende seus recursos de automação para o tipo de aplicação especial de miniprogramas, fornecendo suporte DevOps estável e eficiente para equipes de desenvolvimento, sejam elas aplicações móveis tradicionais ou miniprogramas emergentes. Por meio do Zadig, as equipes podem garantir que todos os aspectos da entrega de software sejam tranquilos e tranquilos, alcançando o lançamento rápido e confiável de pequenos programas.

Trabalho preliminar

Inscreva-se para obter o ID do APP

Inscreva-se para obter um APP ID na plataforma pública WeChat, que geralmente é fornecido por um engenheiro de desenvolvimento.

Faça uma imagem de construção

Para facilitar a compilação de código, o upload e a visualização de miniprogramas, recomendamos o uso da ferramenta miniprogram-ci fornecida oficialmente pelo WeChat . Para uma introdução detalhada da ferramenta, consulte a documentação oficial do WeChat .

Durante o processo de construção, para poder usar a ferramenta miniprogram-ci , você precisa preparar um ambiente espelho contendo a ferramenta. O processo específico é o seguinte:

1. Crie uma imagem e envie-a para o armazém de imagens. A referência do Dockerfile e do comando de construção de imagem é a seguinte:

Selecione a versão do nó correspondente de acordo com as dependências reais do projeto.

Referência do arquivo Docker:

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

Crie a imagem e envie-a para o repositório de imagens:

$ 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. Configure e use imagens personalizadas no Zadig Para configuração específica, consulte Documentação de gerenciamento de imagens personalizadas |

Configure imagens personalizadas no Zadig

Configuração do administrador

Novo projeto

Entre no sistema Zadig, selecione Projeto- > Novo Projeto , preencha o nome do projeto, selecione qualquer tipo de projeto para criar um novo projeto e pule o assistente.

Preparar fluxo de trabalho

Os administradores preparam fluxos de trabalho colaborativos para diferentes funções. Para referência de configuração específica:

orientado para a função	Descrição da função	Exemplo de nome de fluxo de trabalho	Contém etapas
Engenheiro de P&D/Teste	Testar fluxo de trabalho, criar versão de teste	fluxo de trabalho de teste	Versão de teste de compilação (tarefa comum) -> Notificação de IM (gatilho de alteração de código)
Engenheiro de Liberação	Publique o fluxo de trabalho e carregue a versão oficial	fluxo de trabalho de liberação	Crie e carregue a versão oficial (tarefa comum) -> Notificação de IM

Testar configuração do fluxo de trabalho

1. Crie um novo fluxo de trabalho, adicione uma "tarefa geral" e selecione a imagem de construção do miniprograma, as informações do código de configuração e o script de construção.

Selecione a imagem de construção

Configurar script de visualização de build

Referência do script de construção:

#!/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. Adicione configuração de notificação para notificar os engenheiros de teste para realizar testes de miniprograma. Para configuração específica, consulte Notificação de fluxo de trabalho |

Adicionar notificação

3. Adicione um gatilho Git para configuração específica, consulte a documentação do Git Trigger |

Configurar gatilhos Git

Publicar configuração de fluxo de trabalho

1. Crie um novo fluxo de trabalho e adicione uma "tarefa geral", selecione o miniprograma para construir a imagem, configure as informações do código, extraia as informações da versão como uma variável personalizada e crie o script push.

Selecione a imagem de construção

Configurar scripts de build e push

Referência do script de construção:

#!/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. Adicione configuração de notificação para notificar o engenheiro de lançamento de que a versão oficial foi carregada.

Adicionar notificação

Engenheiros usam

Autoteste e depuração do engenheiro de desenvolvimento

Os engenheiros de desenvolvimento de miniprogramas geralmente usam ferramentas de desenvolvimento local para concluir o autoteste e a depuração.

ferramentas de desenvolvimento local

Verificação de integração do engenheiro de teste

Depois que o projeto de P&D envia o código, a execução do fluxo de trabalho de teste é acionada automaticamente. Após a conclusão da execução, o engenheiro de teste pode receber uma notificação no IM e abrir o miniprograma para teste, digitalizando o código QR na saída da tarefa.

Detalhes da tarefa de fluxo de trabalho

Notificações de tarefas de fluxo de trabalho

Engenheiro de lançamento lança oficialmente

Depois de passar no teste, o projeto de lançamento executa o fluxo de trabalho de lançamento para construir e enviar a versão oficial.

Executar fluxo de trabalho de liberação

detalhes da tarefa do fluxo de trabalho de liberação

Depois de enviar com sucesso, vá para a plataforma pública WeChat e selecione a versão correspondente para enviar para revisão. Depois de aprovado, pode ser publicado.