Back to "Ihre ASP.NET Core Website zu einem PWA machen"

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

Ihre ASP.NET Core Website zu einem PWA machen

Thursday, 01 August 2024

In diesem Artikel zeige ich Ihnen, wie Sie Ihre ASP.NET Core-Website zu einer PWA (Progressive Web App) machen.

Voraussetzungen

Es ist wirklich ziemlich einfach siehe https://github.com/madskristensen/WebEssentials.AspNetCore.ServiceWorker/tree/master

ASP.NET-Bits

Installieren Sie das Nuget-Paket

dotnet add package WebEssentials.AspNetCore.PWA

In Ihrem Programm.cs hinzufügen:

builder.Services.AddProgressiveWebApp();

Dann erstellen Sie einige Favicons, die den Größen unten entsprechen Hierher ist ein Werkzeug, das Sie verwenden können, um sie zu erstellen. Das kann wirklich jedes Icon sein (ich habe einen Emoji benutzt)

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

Dann brauchen Sie eine manifest.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