¿Cuál es la mejor herramienta para crear una aplicación móvil multiplataforma con idiomas web?

Los desarrolladores de Mobilunity recomiendan usar Ionic SDK y AngularJS para el desarrollo frontend. Dependiendo de la complejidad de la aplicación móvil, uno podría tener que codificar el backend también, como lo hicimos en la aplicación de ahorro de dinero Chip In. Esta es una aplicación que ayuda a los usuarios a ahorrar dinero, y la mayor parte de su funcionalidad es proporcionada por la integración del sistema de pago. Algunas otras características, como las notificaciones automáticas y el inicio de sesión único o inicio de sesión social, también son backend, por lo que para implementarlas utilizamos Laravel para el desarrollo de PHP.

La compatibilidad de un código con varios sistemas operativos móviles se logra con el uso de Apache Cordova: este es un marco para el desarrollo híbrido de aplicaciones multiplataforma, que crea un envoltorio de código especial para Android, iOS, Windows o cualquier otro sistema operativo.

Todas las herramientas mencionadas tienen varias extensiones y complementos en su kit para facilitar y acelerar todo el proceso de desarrollo.

Hay algunas opciones disponibles para usted. Básicamente se pueden dividir en dos categorías: marcos que se ejecutan dentro de un WebView y marcos que se compilan en código nativo. Hay diferentes ventajas para cada uno.

Los marcos basados ​​en WebView están construidos sobre Apache Cordova. Cordova empaqueta HTML / CSS y JavaScript en un WebView dentro de una aplicación nativa. También hay PhoneGap, que es una bifurcación de Cordova utilizada por Adobe que se integra con otras tecnologías de Adobe. El problema con estas opciones es que requieren mucho trabajo para que la aplicación se sienta “móvil” porque terminas teniendo que escribir todos los elementos de la interfaz de usuario y la arquitectura de la aplicación desde cero. Una opción mucho mejor en esta categoría sería Ionic.

Ionic es básicamente un grupo de clases CSS y directivas angulares que le permiten desarrollar aplicaciones que se sienten nativas tanto en iOS como en Android utilizando la arquitectura MVC que implementa Angular. Esta es una gran opción para desarrolladores web fuertes porque las vistas están escritas en HTML y CSS, por lo que obtienes toda la potencia de las animaciones DOM y CSS, etc. No funcionará tan bien para la computación intensa como otros tipos de marcos, pero eso no debería ser un problema para más del 80% de las aplicaciones. O incluso más si mantiene la inclinación del front-end y guarda el trabajo pesado para su backend (que debería).

Si está realmente preocupado por el rendimiento, o si no es un fanático de HTML y CSS (tal vez solo quería evitar aprender un nuevo lenguaje y no le importa JS), entonces es posible que desee mirar NativeScript o React Native . Estas opciones convierten ambos js en código nativo a través de sus API. La forma en que lo hacen es ligeramente diferente y la sintaxis que codifica es muy diferente. Nativescript, como Ionic, tiene forma de Angular (sin HTML y CSS). React Native por otro lado … usa React (obviamente). Si te gusta Reaccionar, Reaccionar nativo es la única opción que lo permite. NativeScript supera a Ionic en cuanto a rendimiento cuando hay mucha informática si desea utilizar Angular.

Si ya tiene un sitio web que simplemente desea volver a empaquetar como aplicación móvil, la mejor opción es Vanilla Cordova. Sin embargo, no lo recomendaría para muchas otras situaciones, por lo que si es probable que su aplicación móvil cambie o se parezca más a una aplicación, recomendaría encarecidamente Ionic.

Las empresas medianas y grandes se han dado cuenta de la importancia de las aplicaciones móviles. en el último año más o menos, y esto requiere una plataforma que pueda ayudarlos a desarrollar e implementar aplicaciones a escala.

Teniendo en cuenta las herramientas multiplataforma, Xamarin es una plataforma que se está fortaleciendo cada vez más y atrae a muchas empresas a usarla para sus aplicaciones móviles. La mejor parte de Xamarin es que funciona en lenguaje C # con .Net framework, que es familiar para casi todos los programadores. Sus características sofisticadas como Generics, Linq y Parallel Task Library no tienen comparación.

Otro beneficio de Xamarin es que está escrito usando C #, compila aplicaciones de manera diferente para diferentes plataformas, por ejemplo, para Android C # está compilado en IL y empacado con MonoVM + JIT’ing. Mientras compila la aplicación para iOS, C # se compila por adelantado (AOT) en lenguaje ensamblador ARM. El marco .NET está incluido, y las clases no utilizadas se eliminan durante el enlace para reducir el tamaño de la aplicación.

  • Hay muchas cosas de las que Xamarin es capaz, sin embargo, veamos qué hace que Xamarin se destaque:
  • Xamarin tiene TestCloud que te permite probar tus aplicaciones automáticamente
  • Proporciona un 100% de reutilización de código con Xamarin. Desarrollo de IU de formularios utilizando lógica y base de código compartido. Esto ahorra mucho tiempo y recursos
  • Admite patrones como MVC y MVVM
  • Xamarin.Android es compatible con dispositivos Google Glass, Android Wear y Firephone
  • La curva de aprendizaje es relativa. Si su equipo conoce C #, es relativamente fácil comenzar con Xamarin

Tenemos expertos que trabajan en Xamarin y otras herramientas de desarrollo de aplicaciones multiplataforma. Responda en caso de que necesite saber algo más.

Una historia interesante sobre Xamarin: aplicación móvil multiplataforma para inventario

Si se trata solo de una página web estática, probablemente sea suficiente usar un marco web receptivo como Bootstrap o Material Design que hará que su marcado html sea compatible con todos los tipos y tamaños de dispositivos.

Si realmente necesita una aplicación móvil nativa, eche un vistazo a React Native. He estado trabajando en el excelente video curso de Udemy The Complete React Native and Redux Course de Stephen Grider. He estado usando React y Redux contra un almacén de datos de Firebase para respaldar mis vistas y con la autenticación de Firebase para iniciar sesión. Hasta ahora, el código base que he estado experimentando funciona en los emuladores de iOS y Android. Publiqué el código fuente esta mañana mostrando un código de muestra para conectar una vista de inicio de sesión simple usando la autenticación Firebase (bobmacneal / react-native-firebase-auth).

Una advertencia es que si usted es principalmente un diseñador web con poca experiencia en programación, la programación móvil nativa será una curva de aprendizaje muy, muy empinada para usted. Algo como Bootstrap podría ser suficiente y sería mucho más fácil de aprender.

Todo lo mejor.

Hace un par de años me hice la misma pregunta y desde entonces he visto varios marcos.

Yo diría que depende en gran medida del tipo de aplicación que vas a construir. Si se trata de una aplicación muy básica (un par de vistas de lista, algunas pestañas, interacción básica de red), Ionic Framework es el camino a seguir. Tiene muchos ejemplos y, con experiencia en desarrollo web, puede llegar muy lejos simplemente combinando sus ejemplos de código. La principal desventaja de Ionic es el rendimiento . Todo se ejecuta en una vista web y, por lo tanto, su aplicación siempre será un poco menos nativa y rápida en el dispositivo.

Si desea crear una aplicación más sofisticada y quiere tener la sensación nativa pura, entonces debería considerar React Native . Puede llevar un poco acostumbrarse a la forma de codificación React, ¡ pero definitivamente vale la pena! El rendimiento es excelente e incluso puede compartir la mayor parte del código con su aplicación web (si también lo construye en React ). El equipo de desarrolladores y la comunidad también son geniales, cada dos semanas se agregan muchas características y hay muchos complementos y paquetes de código abierto que lo ayudarán a crear increíbles aplicaciones multiplataforma.

Estoy practicando estos actualmente, pero mira:

Marco iónico
Marco iónico
Muestra de aplicaciones iónicas – Ionic Framework

Reaccionar nativo
Reaccionar nativo | Un marco para construir aplicaciones nativas usando React
Escaparate

Sé que dijiste móvil, pero solo tuve que agregar debido a Slack …

Electrón
Electrón
Aplicaciones

Puede crear aplicaciones web móviles multiplataforma con Mobsted: cree su propia aplicación, servicio de aplicaciones empresariales. Es un generador visual de arrastrar y soltar, con sistema de distribución y backend integrado.

Para un diseñador web, definitivamente PhoneGap.

usará HTML, CSS y JS para desarrollar aplicaciones multiplataforma (ambos tipos de dispositivos móviles e incluso aplicaciones web de una vez).

Para optimizarlos como un desarrollador de aplicaciones profesional sería como aprender a codificar de nuevo. Pero un diseñador web ciertamente podría crear aplicaciones decentes, si no razonablemente complejas, sin apoyarse en nada más que un nuevo IDE.

HTML, CSS y JavaScript son muy útiles. Puede usar Cordova para convertir el código en aplicaciones, y luego puede construirlas para iOS y Android, entre otras. También puede usar Node Webkit para crear aplicaciones de escritorio para Mac, Windows y Linux. Esas son mis sugerencias personales.

Desarrollamos aplicaciones de nivel empresarial usando Configure.IT, es un navegador basado y tiene su propio marco para construir tanto front-end como back-end. También podemos obtener el código fuente 100% nativo.

URL: http://www.configure.it

Mi recomendación es Xamarin. Funciona muy bien para mí. Resuelve los problemas que tengo. Funciona muy bien para mí.

La pregunta es realmente qué funciona mejor para usted. Honestamente, solo crearía algunas páginas web optimizadas para dispositivos móviles y simplemente correría con eso por un tiempo.

Buena suerte.

PhoneGap: fácil de usar, lo que está buscando.