Diferencia entre revisiones de «PWA»
De wiki.triwus.com
(→Configura tu PWA.) |
|||
| Línea 20: | Línea 20: | ||
| − | * ''' | + | * '''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. | ||
| − | |||
Revisión actual del 08:56 8 jul 2025
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.
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.
