Back to "Het maken van uw ASP.NET Core Website een 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

Het maken van uw ASP.NET Core Website een PWA

Thursday, 01 August 2024

In dit artikel laat ik je zien hoe je je ASP.NET Core website een PWA (Progressive Web App) kunt maken.

Vereisten

Het is echt vrij eenvoudig zie https://github.com/madskristensen/WebEssentials.AspNetCore.ServiceWorker/tree/master

ASP.NET Bits

Installeer het Nuget-pakket

dotnet add package WebEssentials.AspNetCore.PWA

In uw programma.cs toevoegen:

builder.Services.AddProgressiveWebApp();

Creëer vervolgens wat faviconen die overeenkomen met de onderstaande maten Hier. is een hulpmiddel dat u kunt gebruiken om ze te maken. Dit kan echt elk pictogram zijn (ik heb een emoji gebruikt)

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

Dan heb je een manifest.json nodig

{
  "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