Back to "Hacer de su sitio web ASP.NET un PWA"

This is a viewer only at the moment see the article on how this works.

To update the preview hit Ctrl-Alt-R (or ⌘-Alt-R on Mac) or Enter to refresh. The Save icon lets you save the markdown file to disk

This is a preview from the server running through my markdig pipeline

ASP.NET

Hacer de su sitio web ASP.NET un PWA

Thursday, 01 August 2024

En este artículo, te mostraré cómo hacer de tu sitio web ASP.NET Core una PWA (App Web Progressive).

Requisitos previos

Es realmente bastante simple ver https://github.com/madskristensen/WebEssentials.AspNetCore.ServiceWorker/tree/master

Bits ASP.NET

Instalar el paquete Nuget

dotnet add package WebEssentials.AspNetCore.PWA

En su programa.cs añadir:

builder.Services.AddProgressiveWebApp();

A continuación, crear algunos favicons que coincidan con los tamaños de abajo aquí es una herramienta que se puede utilizar para crearlos. Estos pueden ser realmente cualquier icono (Usé un emoji )

Save these in your wwrroot folder as android-chrome-192x192.png and android-chrome-512x512.png (in the example below)

Entonces necesitas un manifiesto.json

{
  "name": "mostlylucid",
  "short_name": "mostlylucid",
  "description": "The web site for mostlylucid limited",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512"
    }
  ],
  "display": "standalone",
  "start_url": "/"
}
logo

©2024 Scott Galloway