Errores comunes en PWA

A continuación te explicamos los errores más comunes en PWA

Lo primero que debes tener en cuenta es que la tecnología PWA está a mitad de camino entre una Web y una App nativa.

Al igual que las Apps Nativas (Android e iOS) las PWA también tienen la capacidad de realizar el envío de notificaciones a dispositivos Android e iOS pero el sistema que utiliza es distinto.

Para el correcto funcionamiento de las PWA en el caso de dispositivos Android es necesario que el dispositivo utilice como navegador predefinido Chrome.

1- CÓMO PUBLICAR UNA PWA:

Para comenzar deberás pulsar el botón azul "Activar PWA" que encontrarás en el apartado del menú "Creador de PWA":

A continuación deberás completar las siguientes secciones:

1- Detalles de PWA

2- Detalles de suscripción push de PWA

3- Detalles del consentimiento de Cookies de PWA

4- Generar y publicar PWA

Debes tener cuidado de no utilizar en ningún texto comillas dobles ", y utilizar en su lugar comillas simples '

Una vez hayas completado todo, en el último paso (Paso 4) habrás obtenido la url de la PWA y un QR

2- ERRORES COMUNES:

1) Al escanear el QR no saltan los avisos:

- Aceptación de Cookies (es necesario que el usuario acepte las Cookies para que pueda recibir las notificaciones)

- Banner de instalación de la App (el usuario debe instalar la App para recibir notificaciones)

- Mensaje de aceptación de Notificaciones (El usuario verá este mensaje la primera vez que acceda a la App ya instalada y será necesario que acepte las notificaciones para la recepción de las mismas)

SOLUCIÓN:

Algunos dispositivos Android utilizan como navegador predefinido el navegador propio del fabricante y algunos de estos navegadores no son compatibles con esta tecnología.

En estos casos no saltará ninguno de los avisos.

Esta casuística se da en un porcentaje reducido de dispositivos, ya que la inmensa mayoría de los fabricantes ya utilizan Chrome como navegador predefinido, y en los casos en los que no es así, los usuarios suelen establecer como navegador predefinido Chrome.

2) Al escanear el QR no saltan los avisos utilizando como navegador predefinido Chrome:

Este problema suele producirse cuando se han estado instalando muchas PWA de prueba generando un conflicto en los permisos.

SOLUCIÓN:

Para arreglarlo solo debes seguir estos sencillos pasos: 

1- Elimina el icono de la aplicación de tu dispositivo.

2- Accede de nuevo a la PWA a través del enlace o escaneando el código QR.

3- Luego haz clic en el icono del candado que se muestra en la barra de navegación como se muestra en la imagen adjunta:

4- Luego hacemos clic en Permisos:

Y seleccionamos Borrar permisos o Reestablecer Permisos

5- Por ultimo, nuevamente desde el icono del candado, hacemos clic en Cookies y datos de sitios, y seleccionamos el icono de la papelera para eliminar las cookies y borramos las cookies.

6- Para finalizar solo tendrás que recargar la pagina en el navegador Chrome y aparecerá el mensaje para aceptar las notificaciones push y la opción para instalar la app en la pantalla principal del dispositivo.

• Popular Articles

• Guía de Negocio para Resellers y Partners

  En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...

• Ver una Demo de Scoreapps para Resellers

  En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:

• Proporciona acceso a tus Aplicaciones

  Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...

• Cómo Crear una App de Tienda

  El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...

• Ver una Demo de Scoreapps

  Con Scoreapps puedes crear todo tipo de Apps Móviles, Embudos de Venta y Páginas Web sin programar. Incluso puedes integrarlo todo para disparar las conversiones de tu negocio. En este vídeo te enseñamos una Demo completa de todo lo que incluye ...

• Related Articles

• APPS: Push V2

  ¿Qué se necesita para el envío de Notificaciones Push? Para poder hacer uso de las Notificaciones Push, es necesario que la Aplicación en cuestión se encuentre publicada para las versiones nativas Android y/o iOS. Una vez que la aplicación haya sido ...

• Versiones PWA (Progressive Web App) y cómo se publican

  Lo primero que debes tener en cuenta es que la tecnología PWA está a mitad de camino entre una Web y una App nativa. Al igual que las Apps Nativas (Android e iOS) las PWA también tienen la capacidad de realizar el envío de notificaciones a ...

• Personalizar Dominio PWA

  De forma predefinida las PWA cuentan con un dominio genérico del sistema (apps.nocode-builder........). Es recomendable personalizar el dominio de tu PWA para evitar conflictos en los permisos y Cookies que se pueden generar cuando un mismo ...

• APPS: Publicar una App en Google Play

  Actualizaciones: Si ya has publicado tu App en Google Play y necesitas publicar una actualización sigue los pasos de Actualizar una App en Google Play. Crear una cuenta de Desarrollador en Google Play En primer lugar, necesitas Crear una cuenta de ...

• APPS: Actualizar una App en Google Play

  Inicia sesión en la Consola de Google Play Para actualizar el .AAB de tu Aplicación en Google Play, en primer lugar necesitas acceder a la Consola de Google Play con la cuenta de Desarrollador donde se encuentra actualmente Publicada: Iniciar sesión ...