.WEBMANIFEST Extensión de archivo

Las PWA son aplicaciones web que se pueden instalar en un dispositivo, normalmente en el escritorio o la pantalla de inicio del dispositivo. Esto permite a los usuarios acceder a la aplicación web del mismo modo que accederían a una aplicación nativa del sistema operativo.

Por ejemplo, en Google Chrome, los usuarios pueden ir a app.starbucks.com, abrir el menú Configuración de Google Chrome y, después, seleccionar Install Starbucks para instalar la PWA de Starbucks. Esto crea una aplicación de Starbucks que los usuarios pueden abrir y utilizar para hacer pedidos a través de app.starbucks.com.

Cada PWA incluye un archivo WEBMANIFEST, que es un archivo JSON que especifica el nombre de la aplicación, la URL de inicio (la URL utilizada para cargar la pantalla principal de la aplicación), los iconos de la aplicación y muchas otras opciones. Cada archivo WEBMANIFEST puede incluir los siguientes objetos JSON:

• background_color: Define el color de fondo de la pantalla de carga de la PWA
• categories: Define la categoría o categorías a las que pertenece la PWA
• description: Explica el propósito de la aplicación
• dir: Define la dirección predeterminada en la que la PWA muestra el texto (de izquierda a derecha o de derecha a izquierda)
• display: Define el modo de visualización preferido de la PWA; se puede establecer como fullscreen, standalone, minimal-ui o browser
• iarc_rating_id: Contiene el código de certificación de la International Age Rating Coalition de la PWA
• icons: Especifica las imágenes utilizadas como iconos de la PWA
• lang: Especifica el idioma principal de la PWA
• name: Especifica el nombre de la PWA
• orientation Especifica la orientación predeterminada de la PWA; se puede establecer como any, natural, landscape, landscape-primary, landscape-secondary, portrait, portrait-primary o portrait-secondary
• prefer_related_applications: Especifica si se deben priorizar y abrir las aplicación(es) incluidas en el objeto related_applications en lugar de la PWA
• protocol_handlers: Enumera los protocolos que la PWA puede registrar y gestionar
• related_applications: Enumera las aplicaciones nativas que un sistema operativo puede ejecutar en lugar de la PWA
• scope: Restringe las páginas web que se pueden ver dentro de la PWA
• screenshots: Especifica las imágenes que se utilizarán como capturas de pantalla de la PWA en las tiendas de PWA
• short_name: Define el nombre corto de la PWA para los casos en los que no se pueda mostrar el nombre completo
• shortcuts: Define las URL utilizadas como enlaces a tareas o páginas importantes incluidas en la PWA; se utiliza para crear un menú contextual
• start_url: La URL que se cargará de forma predeterminada cuando el usuario abra la PWA
• theme_color: Define el color de tema predeterminado de la PWA

La mayoría de los archivos WEBMANIFEST incluyen solo algunas de las opciones anteriores. Normalmente, los desarrolladores enlazan a los archivos WEBMANIFEST dentro del archivo .HTML principal de una PWA.