Desarrollo del programa WeChat Mini - Primeros pasos

Registrar WeChat Mini Programa

Primero ingrese a la página de inicio de la plataforma pública de WeChat y haga clic en el botón "Registrarse ahora" para registrarse. El tipo de cuenta registrada es "Mini Programa".

Luego complete la información de la cuenta

Cabe señalar que la dirección de correo electrónico completada debe ser una dirección de correo electrónico que no haya sido registrada en la plataforma pública de WeChat o vinculada a una cuenta personal de WeChat, y cada dirección de correo electrónico solo puede solicitar un Mini Programa.

Después de activar el buzón, seleccione el tipo de asunto como "tipo personal" y registre la información del asunto según sea necesario.

Una vez que se envía la información del asunto, no se puede modificar. El asunto se convertirá en el único sujeto legal y sujeto contractual para que usted use los servicios y funciones de la plataforma pública de WeChat, y no se podrá cambiar ni modificar cuando se abran posteriormente otras funciones comerciales. .

Si todo está bien, puede ingresar directamente a la plataforma de administración del applet.
Luego haga clic en "Configuración" en la barra de navegación izquierda, busque la configuración de desarrollo y obtenga el AppID del applet.

Descarga de herramientas para desarrolladores de WeChat

Descargue la herramienta de desarrollo web WeChat y descargue el paquete de instalación correspondiente de acuerdo con su propio sistema operativo para instalarlo.

Abra la herramienta para desarrolladores, inicie sesión en la herramienta para desarrolladores escaneando el código QR en WeChat y prepárese para desarrollar su primer miniprograma.

Desarrollar subprogramas

Nuevo proyecto

Abra las herramientas de desarrollo, seleccione "Mini proyecto de programa" y haga clic en "+" en la esquina inferior derecha para crear un nuevo proyecto.

Seleccione una carpeta vacía como directorio del proyecto, complete el ID de la aplicación en este momento y complete un nombre de proyecto. Haga clic en "Aceptar" para ingresar a la interfaz principal de la herramienta.

Estructura del directorio del proyecto

La estructura básica de archivos y la estructura de directorios del proyecto del subprograma WeChat se describen a continuación:

├── 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

Hay 3 archivos en el directorio raíz: app.js, app.json, app.wxss, el subprograma debe tener estos 3 archivos que describen la aplicación y colocarlos en el directorio raíz.
Estos tres son archivos de nivel de aplicación, y hay una carpeta de páginas paralela a ellos, que se usa para almacenar cada página del subprograma.

Podemos hacer una analogía con la tecnología de desarrollo web front-end:

wxml es similar a un archivo HTML, que se usa para escribir la etiqueta y el esqueleto de la página, pero solo se pueden usar los componentes encapsulados por el applet; wxss es
similar a un archivo CSS, que se usa para escribir el estilo de la página, pero el css se reemplaza con un archivo wxss;
js El archivo es similar al archivo JavaScript en la programación front-end, que se usa para escribir la lógica de página del applet; el
archivo json se usa para configurar el estilo y el comportamiento de la página .

Reimpreso en Ajimi East: 10 minutos para comenzar, desarrollo del subprograma WeChat

Supongo que te gusta

Origin blog.csdn.net/weixin_52723971/article/details/111063745
Recomendado
Clasificación