Archivos de configuración y arquitectura de subprogramas

1. ¿Qué son los Mini Programas? ¿Y qué modelos de desarrollo hay?

1.1 ¿Qué son los Mini Programas?

• subprograma WeChat

• subprograma Baidu

• subprograma Alipay

• Subprograma Douyin

• Mini Programa Toutiao

• subprograma QQ

• Mini Programa Meituan

1.2 Modo de desarrollo

• Desarrollo de applets nativos

  • Desarrollo de subprogramas de WeChat: wxml, wxss, JavaScript

  • Desarrollo de subprogramas Alipay: axml, acss, JavaScript

• subprograma de desarrollo del marco

  • mpue

    • mpvue es un marco front-end para desarrollar applets usando Vue

    • Compatibilidad con el miniprograma WeChat, el miniprograma Baidu Smart, el miniprograma Toutiao y el miniprograma Alipay

    • El marco ya no se mantiene ni actualiza después de 2018 y se abandonó

  • Weps

    • Un marco de código abierto de Tencent que permite que pequeños programas respalden el desarrollo basado en componentes

    • Mediante la precompilación, los desarrolladores pueden elegir su estilo de desarrollo favorito para desarrollar pequeños programas.

    • El marco está actualmente menos mantenido y no se recomienda

• uni-aplicación

  • Desarrollado y mantenido por el equipo de DCloud

  • uni-app es un marco para desarrollar todas las aplicaciones front-end usando Vue. Los desarrolladores escriben un conjunto de códigos que se pueden publicar en iOS, Android, Web (responsivo) y varios programas pequeños (WeChat/Alipay/Baidu/Toutiao/Flying Libros) /QQ/Kuaishou/DingTalk/Taobao), aplicación rápida y otras plataformas

  • uni-app es actualmente la elección tecnológica de muchas empresas, especialmente aquellas que quieren adaptarse a las aplicaciones móviles

• taro

  • Desarrollado y mantenido por el equipo de JD

  • taro es una solución abierta entre terminales y entre marcos que admite el uso de marcos como React/Vue/Nerv para desarrollar aplicaciones como WeChat/JD/Baidu/Alipay/ByteDance/QQ/Flying Book Mini Program/H5/RN

  • Debido a que taro admite la elección de React y Vue, nos brinda opciones más flexibles

  • Especialmente después de Taro3.x, es compatible con Vue3, React Hook, etc.

  • taro ['tɑ: roʊ], Taro Ultraman, el instructor jefe de la Guardia Espacial, el Ultraman más fuerte

2. ¿Comprensión de la arquitectura del modelo de doble subproceso de los programas pequeños? (Entrevista)

• El entorno de host del applet es: cliente de WeChat

  • El entorno host puede ejecutar varios archivos de applets

• ¿Cuál es el problema cuando el subprograma se ejecuta en el entorno WebView?

  • La lógica JS, la creación del árbol DOM, el análisis CSS, el cálculo de estilo, el diseño, la pintura (compuesto) suceden en el mismo hilo

  • Ejecutar demasiada lógica JS en WebView puede bloquear la representación, lo que hace que la interfaz se congele

• Teniendo en cuenta los problemas de rendimiento y seguridad, el applet adopta la arquitectura del "modelo de doble subproceso"

  • Los módulos WXML y los estilos WXSS se ejecutan en la capa de representación , y la capa de representación utiliza el subproceso WebView para representar

    • Cuando un programa tiene varias páginas, se utilizan varios subprocesos WebView

  • Los scripts JS (app.js/home.js, etc.) se ejecutan en la capa lógica , y la capa lógica usa JsCore para ejecutar scripts JS

    • Estos dos hilos se transferirán e interactuarán a través del cliente de WeChat (Nativo)

3. ¿Qué archivos de configuración hay en el applet y para qué configuración se utilizan?

• descripción del documento oficial sitemap.json 

  • WeChat rastreará el contenido de su página, y cuando los usuarios busquen en su propio WeChat, podrán buscar el mini programa que desarrolló.

• project.private.config.json:
    alguna información de configuración

  • Por ejemplo: nombre del proyecto, si habilitar la recarga en caliente, si habilitar la verificación de direcciones, el número de versión de la biblioteca de versiones actual

  • El contenido establecido en este archivo anulará la misma configuración en el archivo project.config.json

  • La configuración en este archivo se cambiará cuando sea diferente de la configuración de project.config.json

• project.config.json: alguna   documentación oficial de configuración básica

  • Como el nombre del proyecto, appid

  • Este archivo generalmente no cambia 

• app.json:   descripción del documento oficial de configuración global

  • páginas: lista de rutas de página

    • Se utiliza para especificar de qué páginas consta el subprograma, y ​​cada elemento corresponde a la ruta (incluido el nombre del archivo) de una página.

    • Todas las páginas del applet deben estar registradas en páginas

  • ventana: la visualización de la ventana predeterminada global

    • El usuario especifica cómo mostrar la ventana, que también contiene muchas otras propiedades

  • tabBar: la visualización de la barra de pestañas inferior

• page.json:   la descripción del documento oficial de la configuración separada de la página

  • Cada página de applet también puede usar el archivo .json para configurar el rendimiento de la ventana de esta página

  • Los elementos de configuración en la página sobrescribirán los mismos elementos de configuración en la ventana de app.json en la página actual

 4. ¿La función de registrar la instancia de la aplicación y qué operaciones suelen ser posibles al registrar la instancia?   Descripción del documento oficial

• Juzgando la escena de entrada del applet

  • Escenarios de apertura comunes: abrir en una sesión de chat grupal, abrir en la lista de subprogramas, abrir escaneando WeChat, abrir otro subprograma

  • En la función de ciclo de vida, hay opciones de parámetros en onLaunch y onShow, que sceneregistra el subprograma desde el cual se ingresa la escena

  • Dirección de la lista de escenas WeChat Documentación abierta

• Escuchar las funciones del ciclo de vida

  • Ejecutar la lógica comercial inicial en la función de ciclo de vida correspondiente, como iniciar sesión o solicitar datos de red global durante la inicialización

  • Solo hay una instancia de App(), por lo que puede crear un objeto globalData para almacenar datos globales compartidos, pero cuando los datos cambian, la página no responde

5. Registre la función de la instancia de la página y, ¿qué operaciones suelen ser posibles al registrar la instancia? Descripción del documento oficial

1. Envíe una solicitud de red en la función de ciclo de vida para obtener datos del servidor;

2. Inicialice los datos para que wxml pueda hacer referencia a ellos y mostrarlos;

3. Escuche eventos en wxml y enlace las funciones de eventos correspondientes

4. Supervisión de eventos para desplazamiento de páginas, carga desplegable, actualización desplegable