Back to "ASP.NET-ydinsivuston tekeminen PWA:ksi"

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

ASP.NET-ydinsivuston tekeminen PWA:ksi

Thursday, 01 August 2024

Tässä artikkelissa näytän, kuinka voit tehdä ASP.NET Core -sivustostasi PWA:n (Progressive Web App).

Edeltävät opinnot

Se on todella aika yksinkertainen katso https://github.com/madskristensen/WebEssentials.AspNetCore.ServiceWorker/tree/master

ASP.NET-bileet

Asenna Nuget-paketti

dotnet add package WebEssentials.AspNetCore.PWA

Ohjelmassasi.cs lisätään:

builder.Services.AddProgressiveWebApp();

Luo sitten favikoneja, jotka vastaavat alla olevia kokoja täällä on työkalu, jota voit käyttää niiden luomiseen. Nämä voivat todella olla mikä tahansa kuvake (käytin emojia)

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

Sitten tarvitset manifestin.

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