Los agricultores de código front-end han trabajado durante varios años y han saltado de una empresa a otra, pero de lo que nunca pueden escapar es de la demanda multiplataforma. Además de la necesidad de lanzar la aplicación en múltiples plataformas, los recursos limitados son probablemente la razón principal. La solución multiplataforma puede reducir el trabajo de desarrollo repetitivo, reducir costos y ahorrar tiempo; y dominar las tecnologías y herramientas de desarrollo de múltiples las plataformas pueden requerir un costo de aprendizaje más bajo, la solución multiplataforma puede simplificar el proceso de desarrollo;
La tecnología multiplataforma es una habilidad imprescindible para el personal de front-end. Expliquemos en detalle las tres principales soluciones multiplataforma de extremo móvil que se han generalizado en la industria en los últimos años:
Web multiplataforma natural: aplicación web, PWA (aplicaciones web progresivas), aplicación híbrida, PHA (aplicación híbrida de progreso) pueden lograr multiplataforma, WebView es una solución multiplataforma basada en el núcleo del navegador, mediante la integración en aplicaciones móviles Un componente del navegador que puede usar HTML, CSS y JavaScript para construir la lógica y la interfaz de la aplicación. Esta solución puede desarrollar aplicaciones rápidamente y tiene ciertas capacidades multiplataforma, porque WebView básicamente tiene un buen soporte en diferentes plataformas. Sin embargo, debido a que el rendimiento de WebView es inferior al de las aplicaciones nativas y no puede integrarse completamente en las características del sistema operativo, es posible que no sea adecuado para su uso en algunos escenarios que requieren un alto rendimiento y experiencia de usuario.
Cross-end nativo en contenedores: esta solución se basa principalmente en las capacidades de las aplicaciones nativas. Al empaquetar la lógica comercial de la aplicación en un contenedor, se puede adaptar y representar en diferentes plataformas para lograr la multiplataforma. Esta solución generalmente usa un marco y un lenguaje de desarrollo unificado, como React Native, Flutter, Ionic, etc., para escribir la lógica de la aplicación y exponer la API nativa a los desarrolladores a través de la capa puente. De esta manera, se puede lograr la reutilización del código hasta cierto punto y el rendimiento es mejor, lo que puede integrarse mejor en las características del sistema operativo. Sin embargo, debido a que los componentes y funciones subyacentes todavía se usan, es posible que se requiera trabajo adicional para algunas adaptaciones específicas de la plataforma.
Solución multiplataforma de programas pequeños: la plataforma cruzada de programas pequeños es una solución multiplataforma relativamente nueva. Los marcos de programas pequeños de gigantes como WeChat y Alipay no están unificados, por lo que hay una serie de soluciones de marcos de programas pequeños cruzados como FinClip, Taro y kbone. . Los miniprogramas proporcionan un entorno de desarrollo y tiempo de ejecución relativamente cerrados. Los desarrolladores pueden usar una pila de tecnología unificada (como métodos de desarrollo basados en HTML, CSS y JavaScript) para crear aplicaciones y ejecutarlas en diferentes plataformas.
La Web nació para ser multiplataforma
La multiplataforma es una ventaja inherente de la Web. Tanto los navegadores como WebView son contenedores web estandarizados según la especificación W3C, por lo que las páginas web se pueden enviar fácilmente a navegadores externos, WebView internos y WebView proporcionados por otras aplicaciones.
Desde la perspectiva del costo, la solución Web se considera la mejor opción para multiplataforma, principalmente por las siguientes razones:
1. Tecnología de desarrollo unificado: las principales tecnologías utilizadas en el desarrollo web incluyen HTML, CSS y JavaScript.Estas tecnologías son estándares multiplataforma y casi todos los sistemas operativos y dispositivos admiten navegadores web. Los desarrolladores pueden usar una tecnología de desarrollo unificada, evitando aprender y dominar tecnologías y herramientas específicas de múltiples plataformas, y reduciendo los costos de desarrollo.
2. Reutilización y mantenimiento de código: las aplicaciones web pueden adaptarse a pantallas de diferentes tamaños y resoluciones a través de un diseño receptivo y un diseño adaptable. Esto significa que los desarrolladores pueden usar la misma base de código y diseño de interfaz de usuario para crear una experiencia de aplicación consistente en diferentes plataformas, evitando la escritura y el mantenimiento repetidos de código para múltiples plataformas y reduciendo los costos de desarrollo y la carga de trabajo.
3. Implementación y actualización convenientes: las aplicaciones web se ejecutan en función de los navegadores, sin la necesidad de revisarlas y publicarlas a través de la tienda de aplicaciones, y se pueden implementar y actualizar directamente a través de Internet. De esta manera, los desarrolladores pueden lanzar aplicaciones al mercado más rápido y corregir errores o introducir nuevas funciones cuando sea necesario, reduciendo el costo de implementación y mantenimiento.
4. Compatibilidad multiplataforma: después de muchas pruebas y prácticas, los estándares web tienen una buena compatibilidad multiplataforma. En la mayoría de los casos, las aplicaciones web funcionan bien en diferentes navegadores y sistemas operativos. Esto reduce el costo de adaptación y depuración para diferentes plataformas y acelera las iteraciones de desarrollo.
Aunque la solución web tiene ventajas en términos de costo, también debe tener en cuenta algunas limitaciones, como un rendimiento relativamente bajo y la incapacidad de acceder directamente a todas las funciones del dispositivo. Por lo tanto, al elegir una solución multiplataforma, se deben considerar de manera integral otros factores, como los requisitos de rendimiento, la experiencia del usuario y los requisitos funcionales, así como las circunstancias específicas del proyecto.
Cross-end nativo en contenedores
Además de los terminales cruzados naturales de la Web, otra idea unificada de terminales múltiples es personalizar Native como un contenedor estándar, de modo que el mismo código pueda ejecutarse en cada contenedor estándar, por ejemplo:
Contenedor de Android: aplicación de shell nativa
Contenedor de iOS: aplicación de shell nativa
Contenedor web: tiempo de ejecución web
React Native abarca Android, iOS, Web y Windows, Weex abarca Android, iOS y Web, y Flutter cruza Android, iOS, Web y Linux de manera similar.
Desde un punto de vista técnico, RN y Weex brindan un entorno de tiempo de ejecución de JavaScript y un motor de diseño en el contenedor nativo, y la capa de representación usa controles nativos, por lo que aún existen diferencias de sistema en la interacción de la interfaz de usuario. La solución de Flutter es más completa e incluso la capa de renderizado se reemplaza con controles de interfaz de usuario autodibujados basados en el motor de gráficos, a fin de garantizar la consistencia entre terminales de la interacción de la interfaz de usuario
. no hay talento entre terminales, excepto Si queremos encontrar una manera de admitir la Web, aún nos enfrentamos a un problema más difícil: la aplicación cruzada.
Solución multiplataforma de programa pequeño
La solución multiplataforma Mini Program es un método de desarrollo que permite a los desarrolladores utilizar un conjunto de códigos para crear aplicaciones basadas en el marco Mini Program y ejecutarlas en diferentes plataformas. A continuación, se presentan varias soluciones multiplataforma convencionales de miniprogramas:
WeChat Mini Program: WeChat Mini Program es la plataforma de miniprograma más común, y los desarrolladores pueden usar WeChat Developer Tools y WeChat Mini Program Framework (basado en Vue.js) para el desarrollo. Los applets de WeChat admiten la ejecución en clientes de WeChat y proporcionan API y componentes nativos enriquecidos, así como varias herramientas de desarrollo y depuración.
Alipay Mini Program: Alipay Mini Program es una pequeña plataforma de programas propiedad de Alibaba, que es similar al WeChat Mini Program. Los desarrolladores pueden utilizar las herramientas de desarrollo de Alipay y el marco de aplicación de Alipay (basado en React) para el desarrollo. El subprograma Alipay también proporciona una serie de componentes nativos y API, así como herramientas de desarrollo y depuración.
Plataforma de programas pequeños FinClip : no existe un estándar uniforme para los marcos de programas pequeños de varias empresas nacionales, y es difícil reutilizar programas pequeños entre plataformas, por lo que existe una tecnología como FinClip para satisfacer las necesidades de entrega entre aplicaciones. FinClip es una solución multiplataforma para pequeños programas, que proporciona una solución integrada que permite a los desarrolladores incorporar pequeños programas en otras aplicaciones o páginas web. Además, FinClip proporciona una rica interfaz de acceso para capacidades nativas.Los desarrolladores pueden acceder a las funciones nativas del dispositivo a través de la API de FinClip Bridge, como cámaras, ubicaciones geográficas y sensores. Esto permite que los applets obtengan más funcionalidad y una mejor experiencia de usuario.
Mediante el uso de la solución multiplataforma de subprogramas FinClip, los desarrolladores pueden compartir el mismo conjunto de códigos de subprogramas en diferentes aplicaciones y plataformas para lograr un desarrollo y mantenimiento unificados, al mismo tiempo que obtienen las ventajas del acceso a la capacidad nativa y la comunicación entre dominios. Esto puede mejorar la eficiencia del desarrollo, reducir los costos de desarrollo y brindar a los usuarios una mejor experiencia y funcionalidad.
Estas soluciones multiplataforma de programas pequeños proporcionan herramientas y marcos de desarrollo correspondientes, y los desarrolladores pueden usar un lenguaje de desarrollo unificado (como JavaScript) y una pila de tecnología para el desarrollo. Los desarrolladores pueden usar las bibliotecas de componentes, las API y las herramientas proporcionadas por estas soluciones para crear rápidamente aplicaciones de subprogramas multiplataforma, lo que reduce la carga de trabajo del desarrollo y el mantenimiento repetidos. Al mismo tiempo, estas soluciones también brindan acceso enriquecido a funciones nativas y herramientas de desarrollo y depuración, para que los desarrolladores puedan adaptarse mejor a diferentes plataformas y brindar una experiencia de usuario de alta calidad.