Acciones

PWA

De wiki.triwus.com

Revisión del 08:56 8 jul 2025 de Mingo s8fapm65 (discusión | contribuciones) (Configura tu PWA.)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)

Todas las webs creadas con la plataforma triwus pueden configurarse como PWA (Progressive Web App).

Una PWA es una aplicación web que se puede instalar en móviles y ordenadores, como una app nativa, pero sin la necesidad de pasar por tiendas como Google Play o App Store.

¿ Que ventajas tiene para tu proyecto web ?.

  • Icono de acceso directo en el móvil, como cualquier otra app.
  • Instalación sencilla directamente desde el navegador web.
  • Mejora la presencia móvil de tú web.
  • Acceso rápido para usuarios habituales.


Configura tu PWA.

Triwus-pcontrol-APIs-pwa.png


Podrás configurar tu web PWA desde APIs > PWA. Una vez dentro del panel de configuración PWA, se mostrarán los siguientes campos:


  • Nombre: Este nombre se mostrará en el diálogo de instalación y en la lista de aplicaciones del dispositivo.
  • Alias: Una versión breve del nombre (máx. 12 caracteres) que aparecerá debajo del icono de la app en la pantalla de inicio del móvil.
  • Descripción: Un resumen breve (máx. 255 caracteres) que describe el propósito de tu app. Aparecerá en el diálogo de instalación para informar al usuario sobre qué va a instalar.
  • Color principal: Se usará en la barra de título de la app.
  • Color de fondo: Se mostrará brevemente mientras se inicia la app.
  • Icono principal: Se mostrará en la lista de aplicaciones y en los avisos de instalación. Consejo: Asegúrate de que sea una imagen nítida y cuadrada de exactamente 512×512 píxeles para una visualización perfecta.
  • Icono adaptable: Está pensado para que los sistemas modernos (como Android 8+ o algunos navegadores) puedan recortarlo automáticamente y mostrarlo en distintas formas: redondo, cuadrado con bordes redondeados, gota, etc. Consejo: Para que funcione correctamente, asegúrate de que tu logo o elemento principal ocupe solo el 75% central de la imagen,dejando los bordes como un margen de seguridad.



Triwus-pcontrol-APIs-pwa-1.png