Perfil del applet
Es un pequeño programa no es necesario descargar e instalar para usar rápido de aplicaciones que implementa la aplicación "al alcance" de la operación, el usuario o barrer la búsqueda a punto de aplicaciones abiertas, todos sin necesidad de instalación, por lo que no sólo puede pequeño programa mejorar la experiencia de la aplicación del usuario, sino también facilitar las solicitudes de dispersión.
Antes de empezar con este trabajo se desarrolla un pequeño camino, para construir la comprensión del entorno para desarrollar un sencillo programa hola mundo, que comenzó el desarrollo de pequeños programas, lo que le permite tener éxito rápidamente desarrolladores del applet. Después de eso, quiero desarrollar qué tipo de pequeño programa, que puede ser dueño de la investigación y el trabajo duro.
El siguiente es un paso a un gradual y:
1, applet de registro
Antes del desarrollo, por supuesto, necesita inyectarse registró una pequeña cuenta del programa .
Entrar en la "plataforma pública de micro-canales" para registrarse.
Cabe señalar que el buzón debe ser plataforma pública de micro-canales no están registrados, no han sido registrados WeChat plataforma abierta, la unión no sólo micro-señal de personal eficaz.
Iniciar sesión Después de enviar su inscripción por correo, recibirá un mensaje de "activar los applets carta micro", haga clic en el enlace de activación en el correo electrónico a "registro de la información" completa para activar la cuenta.
2 y obtenga AppID
Después de entrar subprograma cuenta que tenemos que rellenar el "información de applet", entonces usted puede encontrar la opción de "desarrollo" en la barra de menú de la izquierda, en la pestaña de la opción "Configuración de Desarrollo" clic a clic en el campo. Podemos ver parte de nuestra AppID , que es un pequeño programa de ID en la plataforma pública de micro-canales. Micro-canal se determina por su applet de "identidad" y proporciona las interfaces funcionales correspondientes.
3, las herramientas de instalación micro-canal
En el "documento oficial de micro-canales - un pequeño programa," el desarrollo de la página, podemos encontrar las "Herramientas" opción, elegir su propia versión del sistema de ordenador para descargar (en este caso yo uso de Windows 64), haga doble clic en el software descargado a continuación, "bajo paso "en el final se puede añadir de forma automática en el escritorio después de instalar las herramientas de desarrollo" herramientas para desarrolladores de micro-canal "icono de acceso directo. Abra la herramienta de desarrollo applet de micro-canales haciendo clic en el icono de "micro carta de Herramientas de Desarrollo", y luego usar su propio software de micro-canales de acceso para escanear el código de dos dimensiones, puede introducir las herramientas de desarrollo Web de micro-carta.
4, entorno de desarrollo integrado
Después de instalar las herramientas de desarrollo se pueden desarrollar.
Utilizar el applet de micro-canales de código de exploración cuenta de inicio de sesión "Herramientas de Desarrollo de micro-canal" registrados se puede empezar a crear un pequeño proyecto de programa.
La siguiente es una interfaz de pantalla después de las "micro-canal Herramientas de Desarrollo" para abrir el proyecto.
La funcionalidad oficial herramienta de edición de código es débil, sólo el código de capacidades básicas de edición no puede satisfacer las necesidades de los proyectos de desarrollo rápido apoyo.
(Sin embargo sintonía y la prueba de la función de vista previa es muy potente).
Así que podemos usar los "micro-canal de desarrolladores Herramientas" y luego con un IDE para desarrollar juntos. Por ejemplo: VSCode , VSCode es un ligero editor de código libre de código abierto multiplataforma que integra una ventaja de la mayor parte del editor de código, GIT integrado, depuración de código, resaltado de sintaxis. El más importante es tener una gran cantidad de potentes plug-in del sistema, compatible con casi todos los lenguajes de desarrollo más importantes y un funcionamiento estable, sistema de baja huella de la memoria se adapta bien a la acumulación IDE.
5, el desarrollo de la primera apertura pequeño programa: Crear un proyecto
Crear un pequeño proyecto.
"Micro-carta Herramientas de Desarrollo" applets de apoyo, juegos, recortes de código y número de página de los proyectos de desarrollo públicos, seleccionados por subprograma predeterminado.
Haga clic en el margen derecha del signo "+" para crear un nuevo proyecto o importar un proyecto existente, donde el AppID es el momento de ponerse en frente de subprograma registrado.
Cuando la operación inicial, se debe crear un directorio vacío para el almacenamiento de archivos de proyecto.
6, crear un archivo app.js
App.js creado en el directorio en un archivo como un archivo de entrada para el proyecto, una pequeña aplicación para registrar el programa a través de la función de aplicación (). Esta función toma un objeto de parámetro (función y datos), tal como una función del ciclo de vida del applet. Aquí en primer lugar si los función del ciclo de vida, siempre y cuando la definición de un argumento vacío Aplicación ({}) función puede ser registrada subprograma.
//app.js
App ({})
7, crear una página hola mundo
Tenemos que mostrar el contenido de "Hello World", de modo que aquí tenemos que crear una página. Helloworld.wxml crear un archivo en el directorio, y aquí utilizan una ficha de vista de vista de contenedor para mostrar el contenido "Hello World".
// helloworld.wxml <ver> Hello World </ vista>
8, página de registro helloword
Applet en cada necesidad página a ser registrado en el archivo de la página correspondiente js, por lo que aquí necesitamos crear un archivo en el directorio y helloworld.js por la página () la función se utiliza para registrar una página. La función también acepta un objeto de parámetro, puede ser los datos iniciales de las funciones de ciclo de vida de página, como controlador de eventos. Aquí en primer lugar si los función del ciclo de vida, siempre y cuando la definición de un argumento vacío Página función ({}) a la página de registro.
// helloword.js
Página ({})
9, crear un archivo de app.json
Página Registro Bueno tenemos que configurar la ruta de la página, y le dijo a dónde cargar la página de subprograma. Esto nos obliga a crear un archivo app.json en el directorio raíz, ser configurado a nivel mundial por el archivo applet. Las páginas de las que se utiliza el objeto de especificar que las páginas se componen de pequeños programas, cada uno de los cuales corresponde a la trayectoria de una página (incluyendo nombre de archivo) información.
Nota: Los nombres de los archivos no necesitan escribir la extensión del archivo, el marco se pondrá automáticamente en busca de la posición .json, Js, .wxml, .wxss cuatro archivos en el proceso. Una matriz de primer término representa la página de subprograma inicial (es decir Home), un pequeño programa para agregar / reducir necesidad de modificar las páginas matriz de la página.
// archivo app.json
{
"Páginas y la": [
"HelloWorld" // Debido a que el archivo se almacena actualmente en el directorio raíz, el nombre del archivo llenar directamente aquí
],
}
10, la puesta
Entonces podemos abrir las "micro-canal Herramientas de Desarrollo" y cambie a la pantalla "Importar objetos", seleccione la carpeta de nuestro proyecto en la ficha Contenido. AppID ningún visitante puede seleccionar el modo, haga clic en el botón "Importar". El programa generará automáticamente los archivos de configuración y los archivos de configuración del sitio project.config.json mapa sitemap.json (se puede ignorar), en el simulador de la izquierda podemos ver que nuestro contenido "Hola Palabra" en el applet.
Aquí vamos a crear un simple "Hola palabra" applet.
Me gustaría embellecer la visualización de la página
Si desea embellecer el estilo de visualización de la página. Podemos seguir para crear un archivo helloword.wxss, donde podemos controlar los componentes de estilo WXML. WXSS redacción y CSS similares, muy fácil de usar!
Este, el simple por encima de los pasos 10, 10 minutos. Hemos desarrollado un pequeño programa, hemos desarrollado una pequeña entrada del programa.
Tiene un pequeño desarrolladores de aplicaciones a.
conocimiento adicional
estructura de directorios Applet
El cuerpo necesita al menos un pequeño programa app.js y app.json estos dos archivos y debe ser colocado en el directorio raíz del proyecto (el nombre del archivo debe ser también la aplicación).
app.wxss hojas de estilo globales, principalmente utilizados para embellecer el estilo visual, no pueden, pueden realizar la función.
Por lo general, la página del applet consta de cuatro documentos, a saber, la definición de la página: arquitectura, estilo, lógica de funcionamiento, información de configuración .
Realiza el siguiente resumen:
archivo app.js
Cada applet necesita llamar a un método en el app.js la App para registrar la instancia del applet, es el applet de archivo de entrada .
Mientras tanto, el archivo se utiliza para definir pequeño programa de datos globales y funciones , control del ciclo de vida del monitor applet.
funciones y datos definidos son compartidos a nivel mundial, otras páginas pueden utilizar las funciones y los datos globales directamente.
El ciclo de vida de una función puede ser llamada diferentes funciones del ciclo de vida para diferentes escenarios, tales como:
onlaunch: Oyente pequeño programa de inicialización;
onshow: Monitor applet muestra;
onhide: supervisar applet de piel;
Nota: App () debe registrarse en app.js en una y sólo una instancia de la aplicación, se puede llegar a la única a nivel mundial instancia Aplicación por el método getapp, pero no en la App () la función llamada al método getapp (), el uso de este se puede obtener instancia aplicación.
Aquí revisitar un poco de técnicas avanzadas , es importante para usted que hacer un pequeño desarrollo de programas en el futuro: la protección del código !
También conocido por el nombre de archivo, que es app.js un archivo js. Como sabemos, los archivos js son texto plano, y applets también pueden descomponer. Si usted trabajó duro para desarrollar un pequeño programa, descompilar los demás, puede fácilmente obtener el código se escribe, es fácil de modificar, copiar su programa.
Por lo tanto, tenemos que tener una conciencia de protección del producto: el código es proteger a. Hay una plataforma, llamada JShaman , antes y después de que los programadores de desarrollo fines tradicionales sí se sabe que se trata de una herramienta de protección de código de plataforma de JS que puede cifrar el código JS obfuscate, haciéndolo ilegible y análisis, su propósito es evitar que a mí mismo de cualquier otra cosa código es copiado que otra persona utilice reparado .
En el pequeño desarrollo del programa, también puede utilizar esta plataforma, se puede poner el código app.js por JShaman encriptada, y luego suelte el applet. Así que incluso si alguien descompilar su pequeño programa, no puede utilizar el interior de código.
Por otra parte, hubo un mágico para: el juicio . Debido a que muchos programas pequeños, muchas copias de sí una gran cantidad de pequeños programas, el código es casi el mismo, pero pequeño programa no permite el mismo o similar liberación demasiado alto de un pequeño programa, por lo que una gran cantidad de pequeñas tarjetas en el programa durante la sesión de prueba. Y con JShaman código encriptado el juicio porque el código no será tarjetas idénticas.
Volviendo al tema, hablando por encima de la app.js. A continuación, diga a los otros tres documentos importantes applet.
archivo app.json
Este archivo es un objeto JSON para el pequeño programa de configuración global ( no anotado el documento ).
Se puede configurar Ruta a la página, el rendimiento de la ventana, en la pestaña TabBar tiempo de espera de la red de navegación, el modo de depuración, en el que el objeto al que las páginas de configuración del applet páginas todos los caminos (el objeto es una primera matriz y un applet de casa), página no hay necesidad de escribir ningún sufijo ruta, el sistema cargará automáticamente .json seguir el mismo nombre, Js, .wxml, .wxss archivo. El objeto de la ventana se utiliza para ventana del applet rendimiento conjunto, incluyendo la barra de estado, barra de navegación, el título, el color de fondo de la ventana y así sucesivamente. TabBar objeto se utiliza para configurar la barra de navegación es una barra de menú en la parte inferior de la ventana del applet, se puede lograr el cambio rápido de páginas.
archivo WXML
WXML es un conjunto de HTML como lenguaje de marcado, se utiliza para construir la estructura de la página. Aunque las etiquetas HTML un poco diferente, pero básicamente el mismo uso, sino que también tiene características similares al marco Vue para apoyar una lista de bucles, prestación condicional, referencias y datos de plantilla funciones de unión. Período de declaración WXML completo consta de una etiqueta de inicio y una etiqueta de cierre compuesta en la etiqueta puede estar contenido también puede ser otra etiqueta WXML. Debe tenerse en cuenta que los requisitos de etiquetado WXML deben ser estrictamente cerrados, no hay cierre dará lugar a un error de compilación.
archivo WXSS
estilo WXSS es un lenguaje para describir los componentes WXML estilo. Al definir WXSS para controlar el estilo de reproducción de la página, similar a esto en HTML con características de CSS (WXSS tiene la mayoría de las características y CSS se ha ampliado y modificado basado en CSS). archivo de la diferencia .wxss app.wxss la página que su alcance es global, y la página del documento .wxss solamente a la página actual.
Dominar lo anterior, usted será un pequeño desarrollo de programas de entrada, que es el nombre de una pequeña desarrolladores de aplicaciones.