Creați o aplicație web progresivă care poate fi instalată și rulată pe fiecare client

mediu

Visual Studio

• Visual Studio 2019

.NET

• .NET 5.0

Ce este o aplicație web progresivă (PWA)?

Pur și simplu, este o aplicație care vă permite să instalați și să utilizați aplicații Web pe fiecare dispozitiv, cum ar fi un PC Windows, iPhone sau Android.

Realitatea Blazor WebAssembly este un WebAssembly standardizat în sine, astfel încât punerea în aplicare de mai sus este posibilă. Este practic bazat pe aplicații web, dar puteți utiliza, de asemenea, caracteristici native, cum ar fi notificările push în Plus Alpha.

Procedura de instalare pentru utilizator este, de asemenea, foarte simplă, deoarece este necesar doar să vizitați pagina țintă și să apăsați butonul de instalare.

Crearea unui proiect Blazor WebAssembly PWA

Este practic la fel ca crearea unui proiect Blazor WebAssembly.

Pur și simplu creați proiectul așa cum ați face-o în mod normal, iar când ajungeți la ecranul "Informații suplimentare" de mai jos, pur și simplu verificați "Aplicație web progresivă".

În afară de pwa-caracteristici specifice, Blazor WebAssembly de dezvoltare este, în esență, la fel ca modelul PWA-free.

Diferențe față de proiectele care nu fac parte din albinism

Când creați un proiect în PWA, veți obține câteva fișiere mai mult.

De asemenea, când deschideți ,index.html se adaugă un cod care face referire la aceste fișiere.

Încercați un PWA

Rulați proiectul pentru depanare.

Eșantionul de execuție este exact la fel ca modelul fără PWA, dar atunci când executați cu PWA, puteți vedea că un buton de instalare a fost adăugat la browserul web.

Când faceți clic pe ea, se afișează o confirmare de instalare, așa că voi încerca să instalez.

Aceasta va deschide o fereastră separată în care puteți rula aplicația Blazor. Acționează ca o aplicație client, nu ca un browser web, astfel încât să puteți configura, de asemenea, setările legate de sistemul de operare, așa cum se arată în figură.

Deoarece este instalat, acesta va fi înregistrat în meniul de pornire astfel și îl veți putea porni.

Cu toate acestea, deoarece conținutul este o aplicație web, acesta nu poate fi utilizat decât dacă există un server care poate descărca conținutul. De exemplu, dacă îl instalați în timpul unei serii de depanare, nu puteți utiliza aplicația instalată decât dacă ați pornit IIS Express pentru depanare. De asemenea, rețineți că PWA-urile nu pot fi instalate fără o conexiune https.

dezinstalare

Procedura de dezinstalare este aceeași ca și pentru o aplicație instalată obișnuită. Metoda de operare depinde de platforma țintă a instalației.

Changelog

2022/7/13

• A adăugat explicația că https este necesar pentru a instala PWA.

2022/3/30

• prima ediție