¿Cuál es la diferencia entre la aplicación h5 y la aplicación nativa?

1 Desarrollo

Aplicación nativa

⊙Cada sistema operativo móvil requiere un desarrollo independiente. proyecto.

⊙Cada plataforma requiere un lenguaje de desarrollo independiente. Java (Android), Objective-C (iOS) y Visual C++ (Windows Mobile), etc.

⊙Necesita utilizar su propio kit de desarrollo de software, herramientas de desarrollo y sus propios componentes de control.

Aplicación web móvil

⊙Debido a que se ejecuta en el navegador del dispositivo móvil, solo se requiere un proyecto de desarrollo.

Esta aplicación se puede completar utilizando HTML5, CSS3, JavaScript y lenguajes del lado del servidor (PHP, Ruby on Rails, Python).

Aquí no existe un SDK estándar, puedes elegir el que quieras. No olvide algunas herramientas de desarrollo multiplataforma como PhoneGap, Sencha Touch 2, APPcan y Appcelerator Titanium.

En segundo lugar, la capacidad.

Las aplicaciones nativas

⊙ son capaces de comunicarse con las funciones subyacentes de los dispositivos de hardware móviles, como información personal, cámaras y aceleradores de gravedad.

Aplicaciones web móviles

⊙Solo pueden utilizar funciones limitadas del dispositivo de hardware móvil.

3. Método de adquisición

Aplicación nativa

Descargar directamente al dispositivo

⊙Ejecutar como una aplicación independiente (no requiere navegador)

Los usuarios deben descargar e instalar manualmente estas aplicaciones nativas.

Existen algunas tiendas y comercios que ayudan a los usuarios a encontrar su aplicación. Actualmente existen innumerables mercados de aplicaciones.

Aplicación web móvil

⊙Se accede desde un navegador en un dispositivo móvil

⊙No es necesario instalar software adicional.

⊙Las actualizaciones de software solo requieren un servidor.

Debido a que actualmente no existen productos o tiendas que ofrezcan este tipo de aplicaciones, es bastante difícil buscar estas aplicaciones web móviles.

Cuarto, control de versiones

Aplicaciones nativas

Los usuarios pueden elegir libremente si actualizar la versión del software, por lo que diferentes usuarios utilizarán diferentes versiones al mismo tiempo.

Aplicación web móvil

Todos los usuarios utilizan la misma versión.

Ventajas de Verb (abreviatura de verbo)

Las aplicaciones nativas

⊙ son más rápidas que las Web Apps móviles.

Algunas tiendas y comercios ayudarán a los usuarios a encontrar aplicaciones nativas.

⊙El proceso de revisión de aplicaciones de la tienda oficial garantizará que los usuarios reciban aplicaciones seguras y de alta calidad.

El funcionario lanzará muchas herramientas de desarrollo o soporte manual para ayudarlo a desarrollar.

Aplicación web móvil

Desarrollo multiplataforma

Los usuarios no necesitan acudir a la tienda para descargar e instalar la App.

⊙Puedes publicar la App en cualquier momento porque no requiere revisión oficial de la tienda.

Si ya tienes una aplicación web, puedes utilizar un diseño web responsivo para ayudar a mejorarla.

Desventajas de los verbos intransitivos

Aplicaciones nativas

⊙El costo de desarrollo es alto, especialmente cuando se necesitan múltiples dispositivos móviles para las pruebas.

Debido a que utilizan diferentes lenguajes de desarrollo, los costos de desarrollo y mantenimiento también son altos.

Debido a que los usuarios usan diferentes versiones de la aplicación, es difícil mantenerla.

El proceso de revisión de la tienda oficial es complicado y lento, lo que afectará seriamente tu proceso de publicación.

Aplicaciones web móviles

⊙No se pueden aprovechar las características únicas de muchos dispositivos de hardware móviles.

La compatibilidad con navegadores para múltiples dispositivos móviles al mismo tiempo eleva los costos de desarrollo y mantenimiento.

Si los usuarios utilizan más navegadores nuevos, el problema será más difícil de solucionar.

⊙Para los usuarios, este tipo de aplicación es difícil de descubrir.

Adjunto: App nativa y App Web móvil: ¿cómo elegir?

Entonces, cuando te estés preparando para crear una aplicación móvil, primero debes plantearte las siguientes preguntas:

1. ¿Tu aplicación necesita utilizar algunas funciones especiales del dispositivo, como por ejemplo? ¿Como la cámara, el flash de la cámara o el acelerador de gravedad?

2. ¿Cuál es su presupuesto de desarrollo?

3. ¿Su aplicación requiere Internet?

4. ¿Su aplicación está dirigida a todos los dispositivos móviles o solo a algunos de ellos?

5. Un lenguaje de desarrollo con el que ya estás familiarizado.

6. ¿La aplicación tiene requisitos de alto rendimiento?

7. ¿Cómo ganar dinero con esta aplicación?

La aplicación H5 es un modelo de desarrollo de aplicaciones basado en marcos (modelo de desarrollo de marcos de aplicaciones HTML5), que tiene ventajas multiplataforma.

Este modelo suele constar de dos partes: "sitio web en la nube HTML5 + cliente de aplicación APP". El cliente de la aplicación de la aplicación solo necesita instalar la parte del marco de la aplicación. Cada vez que se abre la aplicación, los datos de la aplicación se presentan al usuario del teléfono móvil desde la nube.

La APP Nativa, también llamada APP Nativa, está desarrollada utilizando diferentes lenguajes y frameworks para diferentes sistemas operativos móviles como IOS, Android y Windows. Este modelo generalmente consta de dos partes: "datos del servidor en la nube + cliente de la aplicación de la aplicación". Todos los elementos de la interfaz de usuario, el contenido de los datos y el marco lógico de la aplicación de la aplicación se instalan en el terminal móvil.

1. La diferencia en el desarrollo (este lugar es demasiado profesional, consulte a los socios de desarrollo del equipo)

Actualmente, el desarrollo de React Native se está volviendo cada vez más popular. El subprograma WeChat está desarrollado en base a React Native y su experiencia es similar a la de una aplicación nativa. Sus perspectivas de desarrollo son dignas de atención. Afortunadamente, ahora las aplicaciones no nativas también pueden llamar a Bluetooth, cámaras y otro hardware, y también pueden publicarse con éxito en la tienda de aplicaciones de Apple.

Aplicación web móvil

1. Debido a que se ejecuta en el navegador de un dispositivo móvil, solo se requiere un proyecto de desarrollo.

2. Esta aplicación se puede completar utilizando HTML5, CSS3, JavaScript y lenguajes del lado del servidor (PHP, Ruby on Rails, Python).

3. Aquí no existe un SDK estándar. No olvide que existen algunas herramientas de desarrollo multiplataforma, como PhoneGap, Sencha Touch 2 y Appcelerator Titanium.

Aplicaciones nativas

1. Cada sistema operativo móvil requiere de un proyecto de desarrollo independiente.

2. Cada plataforma requiere un lenguaje de desarrollo independiente. Java (Android), Objective-C (iOS) y Visual C++ (Windows Phone), etc.

3. Necesita utilizar su propio kit de desarrollo de software, herramientas de desarrollo y sus propios componentes de control.

2. Diferencias en capacidades

Las aplicaciones de redes móviles

solo pueden utilizar funciones limitadas del dispositivo de hardware móvil.

Aplicaciones nativas

Pueden comunicarse con las funciones subyacentes de los dispositivos de hardware móviles, como información personal, cámaras, aceleradores de gravedad, etc. Siento esto profundamente. Cuando estaba haciendo una pequeña campaña de marketing para H5 en 2016, cambié temporalmente el plan de diseño porque no consideré que H5 no pudiera usar el acelerador de gravedad de hardware móvil.

3. Diferencias en los métodos de recopilación

Aplicaciones web móviles

1. Acceso desde un navegador en un dispositivo móvil.

2. No es necesario instalar software adicional.

3. Las actualizaciones de software solo requieren el servidor.

4. Debido a que actualmente no existen productos o tiendas que brinden este tipo de App, generalmente se utiliza dentro del sistema o dentro de un sistema interno.

5. Desarrollo multiplataforma, los usuarios no necesitan ir a la tienda para descargar e instalar la aplicación.

6. Requiere una dependencia excesiva de la red y no almacena datos en caché.

7. Puedes publicar la App en cualquier momento porque no es necesario revisar la tienda oficial.

8. Si ya tienes una aplicación web, puedes utilizar un diseño web responsivo para ayudar a mejorarla (¿es esto también una ventaja?)

9. .

Aplicación nativa

1. Descargar directamente al dispositivo

2. Ejecutar como una aplicación independiente (no se requiere navegador)

3. Los usuarios deben descargar e instalar manualmente estas aplicaciones nativas.

4. Hay algunas tiendas y comercios que ayudan a los usuarios a encontrar tu aplicación. Todo está disponible en la tienda de aplicaciones.

5. El paquete de instalación de una aplicación de aplicación nativa es relativamente grande e incluye elementos de interfaz de usuario, contenido de datos y marco lógico.

6 los usuarios de teléfonos móviles también pueden acceder a la aplicación. acceder a Internet material previamente descargado dentro de la aplicación.

7. La APP nativa puede llamar a los dispositivos hardware del terminal del teléfono móvil (voz, cámara, SMS, GPS, Bluetooth, sensor de gravedad, etc.

8. La aplicación APP actualiza nuevas funciones. Implica enviar una auditoría a cada tienda de aplicaciones cada vez.

9. Los usuarios pueden elegir libremente si desean actualizar la versión del software, por lo que diferentes usuarios utilizarán diferentes versiones al mismo tiempo.

Aunque existen grandes diferencias entre los dos, y aunque H5 tiene muchas lagunas y problemas, esto todavía no obstaculiza la popularidad de las redes móviles. Actualmente, la web móvil es la única plataforma que admite el acceso desde varios dispositivos y también es la única plataforma para que los desarrolladores publiquen aplicaciones móviles. Combina eficazmente diversas interacciones móviles con tareas del sistema de PC. Las aplicaciones nativas pueden aprovechar al máximo las funciones del dispositivo, lo cual es su ventaja única.

Oficialmente, debido a que tiene estilos CSS complejos y modificables, lo que consume mucha eficiencia, tiene una ventaja más competitiva: ofrece una variedad de tipografía y puede ser tan detallado como cada ancho de palabra y línea. El nivel de píxeles alto y el estilo pueden brindarle diferentes diseños de conexión gráfica.

¿Cuál es la diferencia entre el desarrollo de aplicaciones nativas y h5app? El desarrollo del idioma nativo se basa en su propia plataforma. Por ejemplo, ios y Android son dos plataformas, es decir, se desarrollan dos aplicaciones. Una vez desarrollado h5, los dos sistemas son compatibles (la prueba de depuración es buena), por lo que h5 es más barato que la aplicación nativa. Las aplicaciones H5 no son tan rápidas como las aplicaciones nativas, se ven muy afectadas por Internet, tienen poca experiencia y costos de desarrollo promedio. Las aplicaciones nativas tienen una velocidad de carga rápida, poca influencia de la red, mucha experiencia y altos costos de desarrollo. Aunque muchos productos h5 del mercado tienen funciones, los efectos son muy pobres. Debe saber que el diseño de la interfaz de usuario de una buena aplicación será varias veces mayor que el de una aplicación normal que pueda funcionar. En otras palabras, una interfaz de usuario de una aplicación normal de aproximadamente 200.000 puede representar solo 12.000, y algunas empresas incluso han modificado la interfaz de usuario. antes.

¿Cuál es la diferencia entre aplicaciones desarrolladas con H5 y aplicaciones nativas? 1 eficiencia. H5 es muy pobre. Generalmente, H5 se puede utilizar en lugares que cambian con frecuencia, como foros y consultas, pero las restricciones son muy grandes y no se pueden lograr muchos efectos. El WebView del marco GUI generalmente se ve así. Si una aplicación está hecha de H5 (es poco probable, probablemente será rechazada), quedará muy estancada.

2. Es problemático implementar actualizaciones en caliente usando el SDK de iOS. Para el foro, es muy fácil modificar este módulo, pero es un dolor de cabeza, por lo que H5 es muy adecuado. Especialmente cuando la aplicación abarca Android e iOS, este tipo de módulo es fácil de usar si usa H5 directamente.

La brecha entre el desarrollo de aplicaciones web H5 y las aplicaciones nativas puras se centra principalmente en los siguientes aspectos:

1. Animación

Existen muchos tipos de animaciones, como por ejemplo. como animaciones laterales El deslizamiento dentro y fuera del menú de la barra, la animación de respuesta de los elementos, la transferencia entre cambios de página, etc. Muchos métodos de implementación bajo H5 no pueden lograr un rendimiento nativo puro. Generalmente hay algunas opciones diferentes: animación css3, animación javascript y animación nativa.

La animación CSS3 consume mucha eficiencia. Si usa un elemento en una animación CSS3, puede que no sea obvio, pero usar la animación CSS3 en un área grande o en la naturaleza hará que la experiencia de la aplicación sea pobre en teléfonos móviles de gama baja. La mejor opción generalmente es llamar a la animación subyacente a través del marco, pero en cualquier caso, equivale a envolver una capa en el código original y el rendimiento inevitablemente se verá afectado.

Por ejemplo, al cargar una nueva página y llamar a la animación subyacente, se deben considerar dos cuestiones: una es la representación de su propia página de recursos y la otra es la adquisición de datos remotos. Incluso si estas animaciones responden rápidamente, una gran cantidad de páginas CSS provocarán un retraso en el procesamiento y puede ocurrir que la pantalla o la máquina se congele en blanco al deslizarse. Para solucionar estos problemas de rendimiento, es necesario utilizar precarga o animaciones simuladas. Aun así, las animaciones deslizables hacia adentro y hacia afuera todavía tienen muchos problemas en máquinas Android de gama baja. Si el método de procesamiento de datos del servidor no es apropiado, el fenómeno de "pantalla blanca atascada" será más grave. Consulte a continuación para obtener información sobre cómo obtenerlo.

2. Obtener datos del servidor

Lo primero que debemos aceptar es que la adquisición de datos aquí se realiza de forma asincrónica en la página de recursos, porque solo de esta manera se pueden precargar o precargar estas páginas de recursos. prestado. Sin embargo, los datos obtenidos de forma asincrónica pueden involucrar operaciones DOM al llenar la página. Como todos sabemos, las operaciones DOM consumen mucha eficiencia. Está bien si la página es pequeña, pero si es un poco más grande, los datos serán un poco más complejos. La manipulación frecuente de DOM puede provocar un parpadeo notable. Y el punto más importante es que si la velocidad de actualización de datos es demasiado lenta después de cargar la página, la plantilla de la página también esperará mucho tiempo, lo que no favorece la experiencia del usuario. Cada vez que lo abres, quieres actualizarlo como un navegador, ¿verdad?

Si este problema no se resuelve, será difícil para H5 desarrollar páginas con datos a gran escala, y será aún más difícil cambiar entre ellas con frecuencia. Entonces alguien definitivamente pensará en usar MVVM. De hecho, también escribí algunos desarrollos de aplicaciones H5 basados ​​​​en MVVM. Relativamente hablando, su forma de obtener y actualizar información es más flexible y científica, pero debemos prestar atención a muchas cuestiones únicas de H5 durante el proceso de redacción. Estos problemas se analizan en el cambio de página a continuación.

3. Cambio de página

Arriba, hemos visto varios buenos métodos de implementación, como precarga y animación simulada, incluso precarga por lotes, capturas de pantalla por lotes y animación simulada, etc. Aunque parece una solución amigable para muchos problemas, de hecho, si hay suficientes páginas, causará otro problema: el ciclo de vida de la página.

Imagínese, si la página de guía o la página principal almacena en caché los recursos de cinco subpáginas, al saltar a la subpágina de respuesta, los recursos de las páginas inferiores de estas subpáginas se almacenarán en caché, lo que definitivamente ocupará Mucha memoria, lo que reduce la experiencia de la aplicación. Entonces, ¿cómo saber qué páginas se necesitan, cuántas páginas se pueden almacenar en caché como máximo y cuándo finalizar el ciclo de vida de qué páginas? No hay respuestas perfectas a estas preguntas en muchos marcos de aplicaciones H5 que he usado, por lo que en el desarrollo de aplicaciones con muchas páginas y contenido, la eficiencia puede verse reducida debido a estos problemas de asignación de recursos.

En este momento, echemos un vistazo al problema de carga de datos de MVVM.

De hecho, no importa qué marco MVVM sea, cualquiera que lo haya escrito sabe que el problema más importante en la gestión de este nuevo código front-end es el problema de la memoria. No solo debe asegurarse de que el código esté escrito de manera elegante y no haya pérdidas de memoria, sino que también debe considerar si los recursos de su controlador/página se liberan al final del ciclo de vida de la página y si esto tiene algún impacto en El mundo entero. Cuando hay varias solicitudes, también debe asignar los recursos de manera inteligente e incluso reutilizar los recursos de estas páginas principales. Es posible que las aplicaciones más pequeñas no tengan estos problemas. Si desea desarrollar una aplicación grande utilizando H5 puro, probablemente le hará perder mucho tiempo y los resultados no le satisfarán.

4. La diferencia entre Android e iOS

Mucha gente dice que dos aplicaciones diferentes, Android/iOS, solo necesitan desarrollarse una vez y que la aplicación H5 se puede compilar, lo que supone una gran diferencia. reduce el costo. De hecho, esta visión en sí misma tiene problemas. Si has escrito este tipo de APP, sabrás de lo que hablo. No son convenientes ni tienen muchos errores, especialmente al depurar. Para dar un ejemplo simple, existen diferencias obvias entre Android e iOS en la forma de regresar a la página anterior, como cómo manejar la barra superior de iOS en pantalla completa, cómo manejar el diseño de la página cuando ** *La barra de arte aparece en Android y cómo llamar al hardware subyacente, cómo distinguir diferentes escenarios, etc. Debe escribir un modelo y un juicio del sistema, y ​​luego depurarlo en Android e iOS respectivamente. Al final descubres que es inútil, estás agotado pero no has aprendido nada, sólo.

Ahora hay mucha gente desarrollando aplicaciones híbridas H5, pero el H5 puro es muy joven y muchos problemas no se han resuelto bien. Estas son las preguntas que más considero al crear estas aplicaciones. Finalmente, hablemos de una ventaja del H5 que pocas personas notan. Cuando todo el mundo habla de H5APP, todos dicen que es rápido de desarrollar, de bajo costo, multiplataforma, etc., pero creo que tiene una diferencia en comparación con muchos métodos de desarrollo de aplicaciones: diseño mixto de gráficos y texto. Son estos estilos CSS complejos y cambiables los que consumen eficiencia, pero generan diversidad de composición tipográfica. La capacidad de manejar cada ancho de palabra, altura de línea y estilo a nivel de píxel es la excelencia de H5.

¿Cuál es la diferencia entre APP nativa y APP HTML5? Las aplicaciones nativas son más fluidas que las aplicaciones web, pero si se van a actualizar las aplicaciones nativas, se deben descargar nuevos paquetes o parches. En este sentido, las aplicaciones web tienen mayores ventajas. Desde la perspectiva de la experiencia, definitivamente eligen aplicaciones nativas, pero desde la perspectiva de la eficiencia del desarrollo y el costo de iteración, eligen aplicaciones web.

¿Cuál es la diferencia entre aplicación web y aplicación nativa? Las diferencias son las siguientes:

Las aplicaciones web APP tienen las siguientes características:

(1) Cada vez que abre la aplicación, debe obtener la interfaz de usuario y la información del sitio web en la nube a través de Marco de la APLICACIÓN;

(2) Si los usuarios de teléfonos móviles no pueden acceder a Internet, no podrán acceder a la información de la APLICACIÓN.

(3) La APP enmarcada no puede llamar a los dispositivos hardware del terminal del teléfono móvil (voz, cámara, SMS, GPS, Bluetooth, sensor de gravedad, etc.).

(4 ) Frame La velocidad de acceso de la aplicación tipo frame está limitada por el acceso a Internet del terminal de teléfono móvil, y cada uso consume una cierta cantidad de tráfico de Internet móvil

(5) El paquete de instalación de la aplicación; La aplicación de tipo marco es muy pequeña, solo contiene el archivo de marco y una gran cantidad de elementos de la interfaz de usuario y contenido de datos se acaban de almacenar en la nube.

(6) Los usuarios de la aplicación pueden acceder a la última versión real; -datos en la nube en tiempo real cada vez

(7) Los usuarios de la aplicación no necesitan actualizar con frecuencia La aplicación realiza una interacción de datos en tiempo real con la nube;

Empresas aplicables: comercio electrónico, finanzas, noticias e información y grupos empresariales que necesitan actualizar con frecuencia las aplicaciones de aplicaciones.

La aplicación nativa tiene las siguientes características:

(1) Cada vez que obtenga las últimas funciones de la aplicación, deberá actualizar la aplicación;

(la aplicación nativa El paquete de instalación es relativamente grande e incluye elementos de la interfaz de usuario, contenido de datos y marco lógico;

(3) Los usuarios de teléfonos móviles pueden acceder a los datos descargados previamente en la aplicación sin necesidad de conectarse. (La aplicación nativa puede llamar a los dispositivos de hardware del terminal de teléfono móvil (voz, cámara, SMS, GPS, Bluetooth, sensor de gravedad, etc.).

¿Cuál es la diferencia entre la aplicación desarrollada por wex5 y la aplicación nativa? Aplicación nativa ⊙ ¿Cada teléfono móvil? Cada sistema operativo requiere un proyecto de desarrollo independiente. Cada plataforma requiere un lenguaje de desarrollo independiente, Objective-C (iOS) y Visual C++ (Windows Mobile). Kit de desarrollo de software. Desarrolla herramientas y componentes de control propios para mover aplicaciones web.

¿Cuál es la diferencia entre el desarrollo nativo de aplicaciones y el desarrollo híbrido de aplicaciones? Programas para PC y aplicaciones relacionadas.

El desarrollo H5 generalmente se refiere al desarrollo de páginas web HTML5 para PC o dispositivos móviles.

El desarrollo híbrido de aplicaciones consiste en reunir dos o más contenidos idénticos.

¿Cuál es la diferencia entre la APP que hace el sitio web y la APP nativa?

Cada sistema operativo de teléfono móvil requiere un proyecto de desarrollo independiente, un lenguaje de desarrollo independiente, su propio kit de desarrollo de software, herramientas de desarrollo y sus propios componentes de control.

Aplicación empaquetada para sitio web móvil

La evolución desde la nativa se logra integrando la aplicación en sitios web y lenguajes del lado del servidor.

Eficacia

Las aplicaciones nativas pueden interactuar con funciones de bajo nivel de dispositivos de hardware móviles, como información personal, cámaras y aceleradores de gravedad.

La aplicación creada por el sitio web solo puede utilizar las funciones limitadas del dispositivo de hardware del teléfono móvil.

La diferencia entre H5 y la interfaz de pago de la aplicación WeChat nativa H5 se puede utilizar para pagos de sitios web móviles y aplicaciones, y el pago de la aplicación WeChat se puede vincular a través del navegador. Esta interfaz se utiliza principalmente en juegos, transmisiones en vivo y otras industrias. La interfaz de pago de la aplicación normal es el SDK, que solo se puede utilizar en la aplicación y es estable. También está el canal H5, que es muy conveniente para cambiar de canal, pero el SDK es más complicado. espero que esto ayude. Nuestra empresa es una empresa de pagos de terceros y está conectada a la interfaz de pago.

¡Espero que se pueda adoptar!