Cómo desarrollar el mini programa WeChat Compartir tutorial de desarrollo del mini programa WeChat
Aún se encuentra en la etapa de prueba interna y WeChat solo ha invitado a algunas empresas a participar en la prueba cerrada. ¿Todos deben estar muy preocupados por cuál será la forma final de la cuenta de la aplicación? ¿Cómo convertir una "cuenta de servicio" en un "miniprograma"?
Tomemos una sencilla herramienta de terceros como ejemplo para demostrar el proceso de desarrollo.
Prólogo
Antes de comenzar a desarrollar una cuenta de servicio, ¡eche un vistazo al tutorial oficial del "Mini Programa"! (El siguiente contenido proviene de la guía de desarrollo del "Mini Programa" publicada oficialmente por WeChat)
Este artículo lo llevará paso a paso para crear y completar un mini programa de WeChat. Puede experimentar el efecto real de esto. Mini programa en tu teléfono móvil. La página de inicio del mini programa mostrará el mensaje de bienvenida y el avatar de WeChat del usuario actual. Haga clic en el avatar para ver el registro de inicio del mini programa actual en la página recién abierta.
1. Obtenga el AppID del subprograma WeChat
Primero, necesitamos tener una cuenta. Si está leyendo este artículo, deberíamos haberle invitado y creado una cuenta. Tenga en cuenta que el AppID de una cuenta de servicio o cuenta de suscripción no se puede utilizar 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.
Nota: Si no utilizamos el ID de WeChat del administrador vinculado durante el registro para experimentar el mini programa en el teléfono móvil. Entonces también necesitamos operar "Bind Developer". Es decir, en el módulo "Identidad de usuario-Desarrollador", vincule el ID de WeChat requerido para experimentar la aplicación. De forma predeterminada, este tutorial utiliza el ID de WeChat del administrador para el registro y la experiencia de la cuenta.
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, ábrelas y usa 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.
Para que a los principiantes les resulte más fácil comprender la estructura básica del código del subprograma WeChat, durante el proceso de creación, si la carpeta local que selecciona es una carpeta vacía, la herramienta de desarrollo le preguntará si Necesito crear un proyecto de inicio rápido. Seleccione "Sí" y las herramientas de desarrollo nos ayudarán a generar una demostración simple en el directorio de desarrollo.
Una vez creado correctamente el proyecto, podemos hacer clic en el proyecto para ingresar y ver la interfaz completa de la herramienta de desarrollador. Haga clic en la navegación izquierda para ver y editar nuestro código en "Editar" y en "Depurar". Pruebe el código y simule el efecto del miniprograma en el cliente WeChat y envíelo al teléfono móvil en "Proyecto". En "Proyecto", puedes enviarlo a tu teléfono móvil para obtener una vista previa del efecto real.
3. Escribir código
Haga clic en "Editar" en la 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.
A continuación, presentaremos brevemente las funciones de estos tres archivos para facilitarle la modificación y el desarrollo de su propio subprograma WeChat desde cero.
app.js es el código script del mini programa. Podemos monitorear y procesar las funciones del ciclo de vida del subprograma y declarar variables globales en este archivo. Llame a la API enriquecida proporcionada por MINA, como almacenamiento sincrónico y lectura sincrónica de datos locales.
setStorageSync('logs', logs)
},
getUserInfo:function(cb){ var that = this; this.globalData.userInfo){ typeof cb == " función" && cb(this.globalData.userInfo)
}else{ //llamar a la interfaz de inicio de sesión wx.login({
éxito: función () {
wx.getUserInfo({
éxito: función (res) {
that.globalData.userInfo = res.userInfo; typeof cb == "función" && cb(that.globalData .userInfo)