Back to "Faire de votre site ASP.NET un 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

Faire de votre site ASP.NET un PWA

Thursday, 01 August 2024

Dans cet article, je vais vous montrer comment faire de votre site ASP.NET Core un PWA (Progressive Web App).

Préalables

C'est vraiment assez simple voir https://github.com/madskristensen/WebEssentials.AspNetCore.ServiceWorker/tree/master

Bits ASP.NET

Installez le paquet Nuget

dotnet add package WebEssentials.AspNetCore.PWA

Dans votre programme.cs ajouter:

builder.Services.AddProgressiveWebApp();

Puis créez quelques favicons qui correspondent aux tailles ci-dessous Ici. est un outil que vous pouvez utiliser pour les créer. Ceux-ci peuvent vraiment être n'importe quelle icône (j'ai utilisé un emoji

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

Alors vous avez besoin d'un manifeste.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