Registrar WeChat Mini Programa
Primeiro, entre na página inicial da plataforma pública do WeChat e clique no botão "Registrar agora" para se registrar. O tipo de conta registrada é "Mini Programa".
Em seguida, preencha as informações da conta
Vale ressaltar que o endereço de e-mail preenchido deve ser um endereço de e-mail que não tenha sido cadastrado na plataforma pública WeChat ou vinculado a uma conta pessoal do WeChat, e cada endereço de e-mail só pode se candidatar a um Mini Programa.
Depois de ativar a caixa de correio, selecione o tipo de assunto como "tipo pessoal" e registre as informações do assunto conforme necessário.
Depois que as informações do assunto são enviadas, elas não podem ser modificadas. O assunto se tornará o único sujeito legal e objeto de contrato para você usar os serviços e funções da plataforma pública do WeChat e não pode ser alterado ou modificado quando outras funções de negócios forem abertas posteriormente .
Se tudo estiver OK, você pode entrar diretamente na plataforma de gerenciamento do applet.
Em seguida, clique em "Configurações" na barra de navegação à esquerda, localize as configurações de desenvolvimento e obtenha o AppID do applet.
Download das ferramentas do desenvolvedor do WeChat
Baixe a ferramenta de desenvolvedor da Web WeChat e baixe o pacote de instalação correspondente de acordo com seu próprio sistema operacional para instalá-lo.
Abra a ferramenta do desenvolvedor, faça login na ferramenta do desenvolvedor escaneando o código QR no WeChat e prepare-se para desenvolver seu primeiro miniprograma!
Desenvolver applets
Novo projeto
Abra as ferramentas do desenvolvedor, selecione "Mini Program Project" e clique no "+" no canto inferior direito para criar um novo projeto.
Selecione uma pasta vazia como o diretório do projeto, preencha o AppID agora e preencha um nome de projeto. Clique em "OK" para entrar na interface principal da ferramenta.
Estrutura de diretórios do projeto
A estrutura básica de arquivos e a estrutura de diretórios do projeto do miniaplicativo WeChat são descritas a seguir:
├── app.js # 小程序的逻辑文件
├── app.json # 小程序的配置文件
├── app.wxss # 全局公共样式文件
├── pages # 存放小程序的各个页面
│ ├── index # index页面
│ │ ├── index.js # 页面逻辑
│ │ ├── index.wxml # 页面结构
│ │ └── index.wxss # 页面样式表
│ └── logs # logs页面
│ ├── logs.js # 页面逻辑
│ ├── logs.json # 页面配置
│ ├── logs.wxml # 页面结构
│ └── logs.wxss # 页面样式表
├── project.config.json
└── utils
└── util.js
Existem 3 arquivos no diretório raiz: app.js, app.json, app.wxss, o applet deve ter esses 3 arquivos descrevendo o APP, e colocá-los no diretório raiz.
Esses três são arquivos de nível de aplicativo e há uma pasta de páginas paralela a eles, que é usada para armazenar cada página do applet.
Podemos fazer uma analogia com a tecnologia de desenvolvimento web front-end:
wxml é semelhante a um arquivo HTML, usado para escrever o rótulo e o esqueleto da página, mas apenas os componentes encapsulados pelo applet podem ser usados nele; wxss é
semelhante a um arquivo CSS, usado para escrever o estilo da página, mas o o arquivo css é substituído por um arquivo wxss;
js O arquivo é semelhante ao arquivo JavaScript na programação front-end, que é usado para escrever a lógica da página do applet; o
arquivo json é usado para configurar o estilo e o comportamento da página .
Reimpresso para Ajimi East - 10 minutos para começar, desenvolvimento do miniaplicativo WeChat