Ihre ASP.NET Core Website zu einem PWA machen (Deutsch (German))

Ihre ASP.NET Core Website zu einem PWA machen

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

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