Puede obtener esto siguiendo los pasos descritos aquí

Resumen:

1. La aplicación web aún no está instalada.
2. Cumple con una heurística de participación del usuario
3. Ser servido a través de HTTPS
4. Incluye un manifiesto de aplicación web que incluye:
   • nombre_corto o nombre
   • iconos: debe incluir un icono de 192 px y un icono de 512 px
   • url_inicio
   • pantalla: debe ser una de pantalla completa, independiente o mínima-ui
   • prefer_related_applications no debe estar presente o ser falso
5. Registra un trabajador de servicio con un controlador de recuperación (lea sobre los trabajadores de servicio aquí )

Como puede ver, el archivo interesante para incluir en su sitio web es un archivo JSON de manifiesto de aplicación web.

A continuación se muestra un ejemplo de un archivo de manifiesto y cómo puede incluirlo en el archivo HTML de su sitio web.

 { "short_name": "Weather", "name": "Weather: Do I need an umbrella?", "icons": [ { "src": "/images/icons-vector.svg", "type": "image/svg+xml", "sizes": "512x512" }, { "src": "/images/icons-192.png", "type": "image/png", "sizes": "192x192" }, { "src": "/images/icons-512.png", "type": "image/png", "sizes": "512x512" } ], "start_url": "/?source=pwa", "background_color": "#3367D6", "display": "standalone", "scope": "/", "theme_color": "#3367D6", "shortcuts": [ { "name": "How's weather today?", "short_name": "Today", "description": "View weather information for today", "url": "/today?source=pwa", "icons": [{ "src": "/images/today.png", "sizes": "192x192" }] }, { "name": "How's weather tomorrow?", "short_name": "Tomorrow", "description": "View weather information for tomorrow", "url": "/tomorrow?source=pwa", "icons": [{ "src": "/images/tomorrow.png", "sizes": "192x192" }] } ], "description": "Weather forecast information", "screenshots": [ { "src": "/images/screenshot1.png", "type": "image/png", "sizes": "540x720" }, { "src": "/images/screenshot2.jpg", "type": "image/jpg", "sizes": "540x720" } ] }

Para incluirlo en su aplicación web agregue esta etiqueta en el encabezado de todas sus páginas del sitio web. Lea más aquí .

 <link rel="manifest" href="/manifest.json">

Espero que esto haya sido útil.