Opret en progressiv webapp, der kan installeres og køres på hver klient

miljø

Visual Studio

• Visual Studio 2019

.NET

• .NET 5.0

Hvad er en progressiv webapp (PWA)?

Kort sagt, det er et program, der giver dig mulighed for at installere og bruge webapplikationer på hver enhed, såsom en Windows-pc, iPhone eller Android.

Virkeligheden af Blazor WebAssembly er en standardiseret WebAssembly selv, så ovenstående implementering er mulig. Det er dybest set webapplikationsbaseret, men du kan også bruge native funktioner såsom push-underretninger i Plus Alpha.

Installationsproceduren for brugeren er også meget enkel, da det kun er nødvendigt at besøge målsiden og trykke på installationsknappen.

Oprettelse af et Blazor WebAssembly PWA-projekt

Det er dybest set det samme som at oprette et Blazor WebAssembly-projekt.

Du skal blot oprette projektet, som du normalt ville, og når du kommer til skærmen "Yderligere oplysninger" nedenfor, skal du blot markere "Progressiv webapplikation".

Bortset fra PWA-specifikke funktioner er Blazor WebAssembly-udvikling i det væsentlige den samme som det PWA-frie mønster.

Forskelle fra ikke-PWA-projekter

Når du opretter et projekt i PWA, får du et par filer mere.

Også, når du åbner ,index.html tilføjes noget kode, der refererer til disse filer.

Prøv en PWA

Kør projektet til fejlfinding.

Eksekveringseksemplet er nøjagtigt det samme som mønsteret uden PWA, men når det køres med PWA, kan du se, at der er føjet en installationsknap til webbrowseren.

Når du klikker på det, vises en bekræftelse på installation, så jeg vil forsøge at installere.

Dette åbner et separat vindue, hvor du kan køre Blazor-appen. Det fungerer som en klientapp, ikke en webbrowser, så du kan også konfigurere OS-relaterede indstillinger som vist i figuren.

Da den er installeret, registreres den i startmenuen som denne, og du vil være i stand til at starte den.

Men da indholdet er en webapp, kan det ikke bruges, medmindre der er en server, der kan downloade indholdet. Hvis du f.eks. installerer den under en fejlfindingskørsel, kan du ikke bruge den installerede app, medmindre du har startet IIS Express til fejlfinding. Bemærk også, at PWA'er ikke kan installeres uden en https-forbindelse.

afinstallere

Afinstallationsproceduren er den samme som for en almindelig installeret app. Driftsmetoden afhænger af installationens målplatform.

Changelog

2022/7/13

• Tilføjet forklaring om, at https er påkrævet for at installere PWA.

2022/3/30

• første udgave