Cómo utilizar las herramientas de desarrollo de miniprogramas WeChat
1. Obtenga el ID de aplicación del mini programa WeChat
En primer lugar, necesitamos tener una cuenta. Si puede ver el documento, deberíamos haberle invitado y creado una cuenta. . Tenga en cuenta que no puede utilizar el AppID de una cuenta de servicio o cuenta de suscripción directamente. Inicie sesión con la cuenta proporcionada y podrá ver el AppID del subprograma WeChat en la "Configuración" - "Configuración de desarrollador" del sitio web.
2. Crear un proyecto
Necesitamos utilizar herramientas de desarrollador para completar la creación y edición de código de pequeños programas. Después de instalar las herramientas de desarrollador, ábralas y use WeChat para escanear el código QR e iniciar sesión. Seleccione "Crear proyecto", complete el AppID obtenido anteriormente, establezca el nombre del proyecto local (no el nombre del subprograma), como "Mi primer proyecto", seleccione la carpeta local como directorio de almacenamiento de código, haga clic en "Nuevo proyecto" y Ya terminaste.
3. Escriba el código
Haga clic en "Editar" en la barra de navegación izquierda de la herramienta de desarrollo. Podemos ver que el proyecto se ha inicializado y contiene algunos archivos de código simples. Los archivos más críticos y fundamentales son app.js, app.json y app.wxss. El sufijo .js es un archivo de script, el sufijo .json es un archivo de configuración y el sufijo .wxss es un archivo de hoja de estilo. El subprograma WeChat leerá estos archivos y generará instancias de subprograma.
4. Cree una página
Cada mini página del programa se compone de cuatro archivos con el mismo nombre y diferentes sufijos en la misma ruta, como index.js, index.wxml, index.wxss, index.json. La extensión .js es un archivo de script, la extensión .json es un archivo de configuración y la extensión .wxss es un archivo de hoja de estilo. El archivo .js es un archivo de configuración, el archivo .wxss es un archivo de hoja de estilo y el archivo .wxml es un archivo de estructura de página.
En este mini tutorial de desarrollo de programas, tenemos dos páginas, a saber, la página de índice y la página de registro (es decir, la página de bienvenida y la página que muestra el registro de inicio del mini programa), las cuales son ubicado en el directorio de la página. La ruta y el nombre de cada página del miniprograma WeChat deben escribirse en páginas en app.json, y la primera página de las páginas es la página de inicio del miniprograma.
La hoja de estilo de página es opcional. Si existe una hoja de estilos de página, las reglas de estilo de la hoja de estilos de página se aplicarán en cascada sobre las reglas de estilo en app.wxss. Si no especifica una hoja de estilo de página, también puede usar las reglas de estilo especificadas en app.wxss directamente en el archivo de estructura de la página.
index.json es el archivo de configuración de la página y el archivo de configuración de la página no es necesario. Cuando un archivo de configuración de página está disponible, los elementos de configuración anulan los mismos elementos de configuración en la ventana app.json de la página. Si no se especifica ningún archivo de configuración de página, la configuración predeterminada en app.json se usa directamente en la página.