sencha framework examples android cordova sencha-touch

android - framework - Diferencia entre Phonegap y Sencha Touch



sencha framework (6)

Leí muchos documentos relacionados con Phonegap y Sencha Touch. Pero todavía estoy confundido con estos dos.

Ya he creado una aplicación nativa de Android. Ahora, quiero crear la misma aplicación que se ejecuta en múltiples dispositivos. Entonces, estoy confundido con estos dos marcos.

  • ¿Cuál es el mejor de estos dos para usar y por qué?

  • ¿Cuál es la diferencia entre Phonegap y Sencha Touch?

  • ¿Cuál es la diferencia entre sencha touch y sencha touch 2?


¿Por qué no ambos? Phonegap / Cordova no es un trabajo de cuadro ui PG / Cordova se encuentra entre las funciones nativas y el marco de trabajo de la interfaz de usuario. Para que pueda usar Sencha y Phonegap juntos


Hemos estado desarrollando con Phonegap y jQueryMobile por más de 5 meses. Para agregar algo de valor a esta discusión, debo decir que Phonegap no tiene problemas de velocidad con el iPhone 5 y los nuevos dispositivos Android 4.x porque son extremadamente rápidos. Si apunta al iPhone 4 y a dispositivos antiguos, puede sentir que la aplicación es lenta. Eso es verdad. Pero si se desarrolla para el futuro, Phonegap es una verdadera alternativa si no quieres entrar en el mundo de Objective-C. Pero no olvides que las aplicaciones nativas son reales y que otros frameworks no serán lo mismo ... estarán bastante cerca.


Me gustaría agregar que en Sencha Touch es posible usar algunas características del dispositivo. Actualmente estoy trabajando en la aplicación web que está compilada para dispositivos Android y estoy usando la cámara ( http://docs.sencha.com/touch/2-1/#!/api/Ext.device.Camera ). Funciona muy bien.

PhoneGap es solo una capa entre javascript y dispositivos, y generalmente su único navegador, puedes usar javascript nativo para operar DOM o puedes usar frameworks como JqueryMobile.

Sencha touch es un framework HTML5 con una asombrosa capa js. No necesita utilizar marcos externos para hacer la aplicación (pero si quiere asegurarse de que pueda hacerlo). Además de la versión 2, admiten compilación nativa para Android, iOs y, probablemente, Blackberry (pero aquí no estoy seguro de que haya visto pocos artículos). En la nueva versión alpha hay un compilador para winphone e IE10.

Para mi proyecto hice una pequeña aplicación usando phonegap + jquery, pero diría que no parece nativa, demasiado lenta. En este momento lo he reescrito para Sencha Touch y es realmente genial porque no puedo ver ningún problema con la velocidad, también tengo línea de comando para construir el proyecto. Por otro lado, tengo un pequeño problema de que el tacto de Sencha Touch no funciona en el dispositivo Prestigio, así que investigaré si este problema está en mi aplicación o en sus problemas de Sencha Touch.

Oh sí y el tema más importante para mí. El archivo apk PhoneGap está cerca de 2mb, Sencha touch apk es de 600kb. La funcionalidad es totalmente la misma. Incluso en sencha touch he agregado un poco más de archivos :)


Sencha Touch es un marco móvil HTML5. Te ayudará a desarrollar una aplicación web con HTML, JavaScript y CSS. Hay marcos más similares, como jQuery Mobile o Lungojs.

Por otro lado, PhoneGap es una plataforma que le permite usar funciones de dispositivos móviles, como GPS, cámara, etc., a través de una interfaz de JavaScript.

En conclusión, para crear una aplicación que use estas tecnologías, implementaría el diseño y la lógica en HTML5 (con Sencha Touch si lo desea), usaría PhoneGap para hacer uso de las funciones del dispositivo y ajustar la aplicación como una aplicación nativa.


Si usted es un desarrollador web que se utiliza principalmente para crear sitios web con HTML, CSS y algunos JavaScript, encontrará que jQuery Mobile es mucho más fácil y, por lo tanto, más rápido de desarrollar que Sencha Touch. Pero si eres un programador profesional de JavaScript al que le gusta la "forma MVC" de hacer las cosas, te gustará Sencha Touch.

Además, jquery mobile te brinda mucha flexibilidad, lo que no siempre es bueno


¿Cuál es la diferencia entre Phonegap y Sencha Touch?

Sencha Touch es un marco completo y rico para crear interfaces de usuario móviles y modelado de datos relacionados, comunicaciones de servidores y lógica de negocios. Al igual que Sencha ExtJS para aplicaciones de escritorio / tableta, codifica la mayoría de la aplicación utilizando un diseño MVC limpio basado en clases de Javascript. HTML es generado por estas clases que trata HTML como un lenguaje ensamblador. Esto abstrae las diferencias / errores / qwerks entre los diversos navegadores de la plataforma móvil y las versiones del navegador, lo que evita que el desarrollador sufra la mayor parte del daño que presentan las soluciones basadas en HTML. En su lugar, el desarrollador ensambla componentes de mayor nivel que proporcionan características tales como modelado de datos y enlace de colecciones, arrastrar / soltar y animaciones de UI. También obtiene un desplazamiento suave y la precarga de datos automáticos de colecciones de datos potencialmente infinitas a la vez que ofrece internamente un rendimiento DOM optimizado a través de la reutilización de elementos DOM. Esto es posible porque ya no codifica el código HTML o XML directamente, sino que las clases Javascript crean / destruyen / reciclan los elementos DOM por usted. Aún puede personalizar componentes utilizando plantillas HTML.

ExtJS 5 ahora es compatible con ViewModels (MVVM) y por lo tanto anticipa que Sencha Touch 3.x también lo hará.

Puede usar Sencha Touch para crear aplicaciones web que se vean y se sientan como aplicaciones móviles O puede compilarlas en aplicaciones nativas que se envían con un contenedor nativo PhoneGap o con el propio contenedor nativo de Sencha. Sencha está enfocando los esfuerzos futuros en el contenedor nativo PhoneGap por sí mismo y proporciona varias clases relacionadas con dispositivos que se integran con las API PhoneGap y a veces proporciona simulaciones de estas API cuando PhoneGap no está cargado (por ejemplo, pruebas en un navegador de escritorio).

PhoneGap proporciona un puente para el código de Javascript para llamar a las características del dispositivo nativo (como brújula digital, micrófono, cámara, batería, capacidades / estado del dispositivo, sistema de archivos, etc.). Estos se proporcionan a través de complementos de PhoneGap que se vuelven a implementar con interfaces JavaScript idénticas en cada plataforma del sistema operativo. Los complementos pueden o no integrarse con este hardware u otras características del sistema operativo (por ejemplo, los complementos de escaneo de código de barras usan la cámara, mientras que el motor de base de datos SQLite accede al sistema de archivos local). PhoneGap se envía con varios complementos estándar, pero actualmente hay más de 550 plugins de Cordova registrados.

El equipo de PhoneGap ha mirado hacia el futuro donde algunas de estas API de hardware están ingresando en las API de los navegadores y ha buscado seguir los estándares emergentes para asegurar una transición lo más suave posible para los desarrolladores a medida que esta tendencia emerge.

¿Cuál es el mejor de estos dos para usar y por qué?

Con suerte, ahora verá que no compiten, sino que son tecnologías complementarias que se usan con frecuencia juntas.

Puede desarrollar aplicaciones simples PhoneGap que no dependen de ningún otro framework pero hoy la mayoría de los desarrolladores móviles usarán PhoneGap con uno de los siguientes frameworks javascript populares que compiten entre sí: AngularJS, Kendo UI, jQuery Mobile o Sencha Touch.

¿Cuál es la diferencia entre Cordova y PhoneGap?

No preguntaste esto, pero necesita responder en este contexto. La mejor respuesta está here .

¿Cuál es la diferencia entre Sencha Touch y Sencha Touch 2?

El Sencha Touch 1.x y Sencha ExtJS 4.1 original ahora están en desuso, pero ambos usaron un modelo de clase de JavaScript anterior. Sencha Touch 1.x también carecía de muchas otras características, incluida la integración con PhoneGap y el nuevo sistema de compilación Sencha Command.

Sencha Touch 2.x trajo un nuevo diseño de clase más elegante y más ligero que recientemente ha sido completamente adoptado por ExtJS 5.x. ExtJS 5.x también trae View Models (MVVM para reemplazar a MVC) que esperamos que esté disponible (aún por ser lanzado) Sencha Touch 3.x

Si planea usar PhoneGap y Sencha Touch juntos, también podría estar interesado en Sencha Touch Live , una aplicación gratuita de código abierto que creé que aumentará significativamente su productividad. Con un solo comando, puede crear, compilar, implementar y ejecutar una nueva aplicación en un dispositivo (o emulador / simulador de dispositivo). A continuación, puede "editar en vivo" el código Sencha Touch uno o más dispositivos / emuladores. Simplemente guarda el archivo y vuelve a cargar la aplicación en los dispositivos. Incluso auto compila sus archivos SCCS en CCS. Por lo tanto, rara vez necesita volver a compilar / volver a implementar / volver a ejecutar o reiniciar los depuradores, solo edite y guarde, e inmediatamente vea los resultados en varios dispositivos. A diferencia de la aplicación para desarrolladores PhoneGap en la que se basa, puedes usar cualquiera de los complementos de PhoneGap. Toneladas de otras características interesantes para disfrutar!