Hacer de su sitio web ASP.NET un PWA (Español (Spanish))

Hacer de su sitio web ASP.NET un PWA

Comments

NOTE: Apart from English (and even then it's questionable, I'm Scottish). These are machine translated in languages I don't read. If they're terrible please contact me.
You can see how this translation was done in this article.

Thursday, 01 August 2024

//

Less than a minute

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