Diferencia entre revisiones de «PWA»
De wiki.triwus.com
(Página creada con «El protocolo SMTP (Simple Mail Transfer Protocol) es un estándar de Internet para el envío de correos electrónicos. Al configurar correctamente el servidor SMTP en el pa…») |
(→Configura tu PWA.) |
||
| (No se muestran 5 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. == | ||
| − | |||
| + | [[Archivo:Triwus-pcontrol-APIs-pwa.png|700px|sinmarco]] | ||
| − | 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.
