Common PWA Errors
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 en un mismo dispositivo muchas PWA de prueba (en las que no se ha personalizado la url de la PWA) y esto genera un conflicto en los permisos.
Esto no sucederá si personalizas la url de la PWA con un Dominio o subdominio. Puedes ver cómo hacerlo visitando el artículo: Personalizar URL de PWA
Puedes intentar solucionar el conflicto de permisos en una PWA cuya url no se ha personalizado siguiendo 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
How to Create an App for Restaurants (with or without Delivery)
Text Enter First Steps Once inside the platform, from the main dashboard you will find a series of icons on the left hand side menu. Just click on 'Apps'. Then click on 'Create App' and give it a name. Then you'll get to a screen where you choose the ...APPS: Radio
The function of Radio allows the addition of radio broadcast within its application. In addition to this function To add this function to your application go to step "Functions" and click on the icon "Radio": Once added you must name this new ...APPS: Webhooks
The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...APPS: Audio & Music
How to add this feature To add this feature to your application go to step "FUNCTIONS" and click on the " iconAudio": Then give this new section of the application a name. Then click on the + icon to add a new Playlist Then add a title and an image ...QR Promotions
This function would allow you to create discount coupons that would be unlocked by scanning a specific QR code. Once unlocked, the customer can use the discount whenever they want. The coupon would not appear in the application until the user has ...
Related Articles
PWA - Desktop Version
PWAs are Advanced Web Versions of a mobile App and are therefore designed and designed for use on mobile devices. However, you can customize the desktop view by adding CSS code in the step"PWA Custom CSS"which you will find within the sectionPWA > ...PWA Versions (Progressive Web App) and How They Are Published
A Progressive Web App (PWA) is a combination of a Website and a Mobile App. PWA´s use modern web capabilities to deliver an app like experience to the end-user. They work like web apps but users can install them (add the app to their home screen) ...Customize PWA URL
As a predefined way PWAs have a generic domain of the system (apps.nocode-builder........). It is advisable to customize the domain of your PWA to avoid conflicts in permissions and cookies that can be generated when the same device has several PWAs ...Reasons for Apple Rejection and How to Fix Them
Apple es conocida por su estricta política de aprobación de aplicaciones para su App Store. Aunque hay muchas aplicaciones que se aceptan rápidamente, hay otras que no por ello recomendamos revisa detenidamente los siguientes artículos de Apple antes ...APPS: Webhooks
The advanced Webhooks feature lets you connect certain events that occur in your App by sending them to a URL called Webhook. You can use a free Webhooks service as Zapier to create automations that can help you with your App business. For example, ...