A solução SuperApp oferece uma extensão do Visual Studio Code para inicializar, compilar e empacotar projetos de scaffolding WindVane. A publicação é gerenciada pela Application Open Platform. Este guia apresenta as etapas para desenvolver rapidamente um WindVane MiniApp no VS Code.
1. Pré-requisitos
Antes de iniciar o desenvolvimento, conclua os seguintes preparativos:
Tenha um projeto de aplicativo nativo existente.
-
Integre o contêiner de MiniApp ao aplicativo nativo:
Para as etapas de integração no Android, consulte Integrar um contêiner de MiniApp a um aplicativo nativo.
Para as etapas de integração no iOS, consulte Integrar um contêiner de MiniApp a um aplicativo nativo.
Os WindVane MiniApps só carregam e executam em aplicativos nativos com o contêiner de MiniApp integrado corretamente.
Antes de desenvolver um MiniApp, crie e configure pelo menos um aplicativo como host de implantação (também conhecido como aplicativo portador).
2. Visão geral do processo
O desenvolvimento completo de UniApp MiniApps envolve duas funções: Desenvolvedor de Aplicativo Nativo e Desenvolvedor de UniApp MiniApp. Este guia destina-se principalmente aos Desenvolvedores de UniApp MiniApp e abrange todo o ciclo de vida, desde a criação do projeto até a liberação.
|
Função |
Responsabilidades |
|
Desenvolvedor de Aplicativo Nativo |
Integra soluções SuperApp (como o contêiner de MiniApp) ao aplicativo nativo |
|
Desenvolvedor de UniApp MiniApp |
Usa a ferramenta de scaffolding para criar projetos rapidamente e conclui o desenvolvimento, a depuração e a publicação do MiniApp |
O fluxo básico de operação é o seguinte:
3. Etapas detalhadas
Etapa 1: Instale o plugin do VS Code
Baixe e instale o WindVane MiniApp VS Code Plugin para obter suporte unificado à inicialização, depuração, compilação e publicação de projetos. Consulte Instalar a Extensão WindVane para VS Code.
Etapa 2: Inicialize o projeto com scaffolding
Use a ferramenta de scaffolding WindVane no VS Code para gerar rapidamente um projeto de MiniApp. Essa ação cria automaticamente uma estrutura de diretórios padrão e arquivos de configuração baseados em modelos predefinidos. Consulte Usar o Modelo de Projeto de MiniApp.
Etapa 3: Vincule à Application Platform
Faça login na SuperApp Open Platform e crie um novo aplicativo para servir como entidade de gerenciamento e publicação do seu MiniApp. No VS Code, associe seu projeto local de MiniApp a esse aplicativo da plataforma. Consulte Vincular seu projeto de MiniApp ao SuperApp.
Após a vinculação, o projeto se conecta à Open Platform, o que habilita operações subsequentes, como empacotamento de build e publicação.
Etapa 4: Visualize e depure
Visualize e depure seu MiniApp diretamente no VS Code, com suporte para recarga automática e depuração por pontos de interrupção. Alternativamente, use o plugin WindVane MiniApp para testar em simuladores Android/iOS. Consulte Visualizar e depurar um MiniApp.
Etapa 5: Compile e envie para publicação
Quando a visualização atender às expectativas, use o plugin do VS Code para empacotar e compilar o projeto. Após a compilação bem-sucedida, envie o pacote à Open Platform para revisão e publicação. Consulte Empacotar, Compilar e Publicar.
Etapa 6: Liberação gradual
Para versões aprovadas, crie uma tarefa de liberação em escala cinza na Open Platform. Isso permite liberar gradualmente a atualização a um grupo específico de usuários para validação. Consulte Publicar uma versão.
Etapa 7: Libere oficialmente
Após a verificação bem-sucedida em escala cinza, publique a versão do MiniApp para todos os usuários por meio da Application Open Platform. Consulte Publicar uma versão.
Etapa 8: Escaneie para visualizar (Verificar implantação)
Depois que o MiniApp estiver ativo, a plataforma gera um QR code dedicado. Use o recurso de digitalização no SuperApp para escanear esse código e verificar o comportamento de execução do MiniApp.
