¿Cómo se hacen los mini programas? ¿Cuál es la diferencia entre esta y la aplicación?
1. ¿Cuál es la diferencia entre mini programas y APP?
Oportunidades de negocio, creo que los mini programas o APP requieren una buena idea + buena ejecución + suerte, pero los mini programas son más fáciles. para difundirse en WeChat y tiene barreras de entrada más bajas para los usuarios.
Siempre que el miniprograma sea interesante e innovador, es probable que logre un aumento acelerado en el crecimiento de usuarios, como impresiones de amigos anteriores, herramientas como compartir imágenes y alfabetización, etc.
Las principales diferencias son:
APP: infinitamente ampliable, con un alto grado de libertad, adecuada para aplicaciones con funciones complejas y requisitos de interacción y diseño, haciéndola más conveniente para los usuarios. Uso a largo plazo
Subprograma WeChat: está al alcance de su mano y se puede usar de inmediato. Es relativamente simple de desarrollar, pero debe depender de WeChat y es difícil de extender. limitado a la interfaz proporcionada por WeChat Es adecuado para aplicaciones de baja frecuencia de función única
Si se subdivide, también se puede dividir en los siguientes puntos
1. /p>
APP: el nombre completo es aplicación móvil (aplicación móvil) es una aplicación diseñada para ejecutarse en teléfonos móviles, tabletas y otros dispositivos. Los principales sistemas operativos actuales de dispositivos móviles son Android e iOS, que se han lanzado para. más de diez años en 2018.
Programa WeChat Mini: Es una aplicación que no requiere descarga ni instalación. Los usuarios pueden abrirla escaneando o buscando a través de WeChat. Se lanzó oficialmente en enero de 2017.
2. Grupo de usuarios
APP: Para todos los usuarios de teléfonos inteligentes, hubo 2.600 millones de usuarios de teléfonos inteligentes en 2017.
Mini programa WeChat: para todos los usuarios de WeChat, WeChat tiene más de 800 millones de usuarios diarios.
3. Uso
APLICACIÓN: fija en el escritorio, disponible en cualquier momento
Subprograma WeChat: ordenado en orden descendente de uso reciente, debe escanear el código QR antes de usar /Buscar
4. Descargar
APLICACIÓN: Debe descargar el paquete de instalación correspondiente de la tienda de aplicaciones antes de poder usarla
Subprograma WeChat: escanee a través de WeChat Escanee el código QR/código del mini programa/búsqueda para ingresar al mini programa para uso directo
5 Funciones
APLICACIÓN: puede lograr funciones relativamente completas
p>
Mini programas WeChat: debido a la limitación de la plataforma, solo se pueden realizar algunas funciones. Generalmente, las funciones de los mini programas son relativamente simples
6. >APP: Debe adaptarse a diferentes teléfonos móviles
p>
Programa WeChat Mini: una vez desarrollado, se puede adaptar a todos los teléfonos móviles
7.
APLICACIÓN: alto costo de desarrollo y ciclo de desarrollo largo
Mini programa WeChat: bajo costo de desarrollo, la plataforma ha proporcionado más interfaces para su uso y el ciclo de desarrollo es corto
8. Mercado
APP: Había alrededor de 5 millones de APP en línea en China en 2017
Mini programa WeChat: el número de mini programas en línea es 580.000
En segundo lugar, cómo se crea el miniprograma.
Echemos un vistazo a cómo se crea el miniprograma.
Método 1. Tutorial sencillo oficial de WeChat
Primero echemos un vistazo al sencillo tutorial proporcionado por el sitio web oficial de WeChat.
Básicamente, después de registrar una cuenta del mini programa, debe instalar las herramientas de desarrollo y luego ingresar el código en las herramientas de desarrollo oficiales.
Composición básica del código:
Configuración JSON:
Podemos ver que hay un app.json y un project.config.json en el directorio raíz del proyecto Además, también hay un logs.json en el directorio páginas/logs. Expliquemos sus usos. Configuración del miniprograma app.json, app.json es la configuración global del miniprograma actual, incluidas todas las rutas de página, rendimiento de la interfaz, tiempo de espera de la red, pestaña inferior, etc. del miniprograma
Plantilla WXML: p>
Las personas que se han dedicado a la programación web saben que la programación web utiliza una combinación de HTML + CSS + JS, donde HTML se usa para describir la estructura de la página actual, CSS se usa para describir la apariencia de la página, y JS generalmente se usa para manejar la interacción entre esta página y el usuario.
Estilo WXSS:
WXSS tiene la mayoría de las características de CSS, y el mini programa también ha realizado algunas ampliaciones y modificaciones en WXSS. Se agregaron nuevas unidades de dimensión. Al escribir estilos CSS, los desarrolladores deben considerar que las pantallas de los dispositivos móviles tendrán diferentes anchos y proporciones de píxeles del dispositivo, y utilizar algunas técnicas para convertir algunas unidades de píxeles. WXSS admite la nueva unidad de tamaño rpx en la capa inferior. Los desarrolladores pueden evitar el problema de la conversión y simplemente dejar que la capa inferior del mini programa realice la conversión. Dado que la conversión utiliza operaciones de punto flotante, los resultados del cálculo serán ligeramente. resultados diferentes a los esperados. Proporciona estilos globales y estilos locales. El concepto de app.json y page.json es el mismo que antes. Puede escribir app.wxss como un estilo global, que se aplicará a todas las páginas del subprograma actual. El estilo de página local page.wxss solo tendrá efecto en. la página actual. Además, WXSS solo admite algunos selectores CSS
Lógica de interacción JS:
No basta con que un servicio solo tenga una interfaz de visualización, también necesita interactuar con los usuarios: responder a los clics de los usuarios, obtener la ubicación de los usuarios, etc. En el miniprograma, procesamos las operaciones del usuario escribiendo archivos de script JS.
Bueno, lo anterior es una pequeña parte de la definición oficial de los conceptos básicos de "tutorial simple", sí, tutorial simple, "simple". . . En este punto de la introducción, ya no siento la llamada palabra "simple".
Después de terminar los conceptos básicos, le esperan capítulos más avanzados, que incluyen marcos, componentes, API y herramientas. Estas pocas palabras parecen simples, pero el contenido ampliado es suficiente para escribir varios libros de texto.
El segundo método es desarrollar pequeños programas en plataformas de terceros.
No analizaremos si la definición del tutorial oficial es simple para un comerciante y una empresa. un pequeño programa. Aprende mucho sobre codificación. O algunas personas dicen: puedo contratar a un programador y un león del diseño. Sí, los ricos son libres de hacerlo, pero un programador también necesita dedicar tiempo a codificar y diseñar. . . Una vez creado todo este conjunto, es posible que las personas inteligentes no lo aprendan en uno o dos meses, a veces en medio año o incluso en varios años.
En la sociedad altamente competitiva de hoy, nuestras empresas y negocios valoran el tiempo como dinero, compiten con sus pares y aprovechan la oportunidad. ¿Seguiría dispuesto a dedicar tanto tiempo a aprender, codificar o incluso contratar a alguien para aumentar los costos? Creo que tu respuesta es no.
Entonces, ¿existe alguna forma de crear pequeños programas de forma fácil y rápida?
¡Por supuesto!
Solo necesitamos utilizar la herramienta de creación visual de mini programas "Aplicación rápida" y podremos crear inmediatamente mini programas hermosos y multifuncionales para todas las industrias, haciendo frente fácilmente a escenarios de aplicaciones en todos los ámbitos de la vida.
¡Echemos un vistazo a cómo crear miniprogramas fácilmente sin ningún conocimiento de codificación y le enseñemos cómo crear miniprogramas!
En la interfaz de decoración de la herramienta de producción visual del mini programa, puede ver claramente funciones como "páginas, componentes, módulos, plantillas" a la izquierda. El medio es la interfaz de diseño visual y el derecho es la configuración.
1. Componentes
Puede agregar elementos como texto, imágenes, videos, artículos y listas de productos en la función del componente, y puede personalizar el estilo, tamaño, borde y fondo. , color, sombras, esquinas redondeadas, efectos de transparencia y otras funciones, así como efectos de carrusel de presentaciones de diapositivas.
2. Módulos
La biblioteca de módulos tiene módulos de componentes listos para usar adecuados para todos los escenarios de la industria, incluidos carruseles de presentaciones de diapositivas, columnas de navegación, visualización de productos, visualización de gráficos y texto, y texto sin formato. Categorías, categorías de texto y gráficos creativos, categorías de iconos de elementos, listas de productos, categorías de títulos exquisitos, etc. Los usuarios pueden agregar páginas de diseño de módulos con un solo clic. El contenido del componente se puede personalizar sin rediseñar el diseño. adaptabilidad y arrastrar y soltar. Simplemente arrastre y suelte para completar, combinar y combinar libremente, y lograr realmente miles de personas y miles de tiendas.
3. Plantillas
La biblioteca de plantillas tiene plantillas listas para usar, adecuadas para todos los escenarios de la industria. Los usuarios pueden agregar y usar la página de diseño con un solo clic. personalizado y rediseñado Diseño y diseño personalizados, muchas plantillas, alta adaptabilidad, generación con un solo clic, hacer mini programas es un paso más rápido.
Si usas la función de plantilla para generarla y usarla con un clic, puedes crear un pequeño programa con solo un poco de esfuerzo, ¿no es muy conveniente?
Finalmente, lo que quiero decir es que usar la herramienta adecuada y elegir el método correcto es mucho más eficiente que las operaciones repetidas