Diferencia entre revisiones de «PWA»
De wiki.triwus.com
(→Configura tu PWA.) |
|||
| (No se muestran 4 ediciones intermedias del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
| − | + | 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. == | ||
| Línea 11: | Línea 17: | ||
| − | Una vez dentro del panel | + | 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. |
| − | |||
| − | [[Archivo: | + | [[Archivo:Triwus-pcontrol-APIs-pwa-1.png|700px|sinmarco]] |
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.
