¿Cómo instalar una PWA?

Mujer-trabajando

Compartir este artículo

Share on facebook
Share on linkedin
Share on twitter
Share on email

Las PWAS o Apps web son aplicaciones que juntan lo mejor de las aplicaciones móviles y las páginas web en una sola, tienen muchas ventajas entre ellas,  el rápido acceso a la información y el poco espacio que ocupan en la memoria de los teléfonos móviles, entre otras.

Además pueden acceder a todas las funcionalidades de los teléfonos celulares,  como en las aplicaciones Nativas, y su precio es mucho menor que una aplicación Nativa.

Podríamos seguir contando las ventajas que tiene una PWA, pero eso lo haremos en otro artículo de nuestro Blog. Ahora aprenderás a instalar tu PWA desde el administrador de Native.app y cómo compartirla con tus usuarios.

Pasos para descargar una PWA en teléfonos Android.

Primer paso:

Entra a el admin de Native, y haz click en la flecha del botón verde al lado derecho.

Admin_de_Native

Segundo paso:

Aparecerá un pop-up con un código QR para escanearlo con tu teléfono.

Código_QR_de_Native

Para hacerlo te recomiendo utilizar la App de Google Lens, esta App está disponible en todos los teléfonos Android. Para abrir la aplicación, solamente debes mantener oprimido el botón del medio en tu teléfono.

Imagen botón activar Google lens

Luego te aparecerá un pop-up, haz click en el botón pequeño del lado izquierdo.

Copiar_URL_de_Google_lens

Tercer paso:

Cuando entres por primera vez en la PWA, te encontrarás un aviso para agregar la PWA en la pantalla principal de tu teléfono, haz click en el botón agregar

Aviso_Agregar_PWA_Native

A veces este aviso puede ser molesto y tal vez no lo encuentres,  cuando entres en la PWA por primera vez.  Aquí tienes otra manera de agregar la PWA en tu teléfono, por si no aparece el aviso.

Entra a la PWA y da click en los 3 puntos que aparecen en la parte superior derecha del navegador. 

Instalar PWA opción 2

Luego se abrirá un pop-up, haz click en la opción agregar a la pantalla principal.

Opción 2 para descargar PWA

Por último aparecerá un aviso para confirmar la descarga de la PWA en tu teléfono, vuelve a hacer click en el botón agregar.

Aviso_Agregar_PWA_Native

Cuarto paso:

Hemos llegado al final. Genial, felicidades ¡Ya tienes tu PWA descargada en tu teléfono! Ahora la puedes compartir con tus usuarios.

PWA instalada en Android

¿Cómo instalar una PWA en iPhone?

Primer paso:

Entra a el admin de Native y haz click en la flecha del botón verde al lado derecho.

Admin_de_Native

Segundo paso:

Luego aparecerá un pop-up con un código QR, para escanear el código puedes hacerlo utilizando la cámara de tu iPhone.

Código_QR_de_Native

Después de escanear el código copia la URL y pégala en el navegador de Google chrome.

Tercer paso:

Al entrar por primera vez en la PWA,  encontrarás un botón en la con una flecha en la parte inferior  dale click.

Instalar_PWA_iPhone

A continuación aparecerá un aviso,  haz click en botón agregar al inicio.

Botón-Agregar-PWA-iPhone

Luego aparecerá un pop-up para confirmar la instalación de la PWA en tu iPhone, vuelve a hacer click en el botón agregar.

Pop-up_agregar-PWA-iPhone

Cuarto paso:

¡Llegamos al final! Genial, felicidades ¡Ya tienes tu PWA descargada en tu iPhone! Ahora la puedes compartir con tus usuarios.

PWA-instalada-iPhone

Como ves instalar tu propia PWA es muy fácil. No olvides compartir este artículo para que tus amigos también puedan descargar tu aplicación. 

¿Necesitas una aplicación móvil?

Explorar más contenidos

Handbooks

¿Qué es ASO?

Eres dueño de una aplicación o quieres tener una App, este artículo te interesa. Hoy vas a descubrir qué es el ASO, cuáles son los

Aplicaciones móviles

¿Qué es mobile first?

En los últimos años seguramente has escuchado acerca del mobile first, responsive design y el diseño adaptativo. Tranquilo son términos que parecen muy confusos y

Crea tu aplicación
English
Spanish English
logo native app

Our Technology

Parte de nuestra misión es poner a tu disposición las tecnologías y tendencias de diseño mas recientes y mejor calificadas.

Your Apps are made with:

React Js
Next Js
Firebase
Aws