I den här artikeln ska jag visa er hur man gör din ASP, . och NET Core-sida till en PWA.

Förberedelser

Det är riktigt ganska enkelt att se https://github.comM SK3madskristensen /WebEssentialsMSC5AspNetCoreMska6ServiceWorkerMske7treeM Ska8master

ASP.NET-biter

Installera Nuget-paketet

dotnet add package WebEssentials.AspNetCore.PWA

I ditt program

builder.Services.AddProgressiveWebApp();

Sedan skapa några favikon som matchar storleken här är ett verktyg som du kan använda för att skapa dem.

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

Då behöver du en manifest

{
  "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": "/"
}