Ustvarjanje napredne spletne aplikacije, ki jo je mogoče namestiti in zagnati v vsakem odjemalcu

okolje

Vizualni studio

• Vizualni studio 2019

.NET

• .NET 5.0

Kaj je napredna spletna aplikacija (PWA)?

Preprosto povedano, to je aplikacija, ki vam omogoča namestitev in uporabo spletnih aplikacij v vsaki napravi, kot so Windows PC, iPhone ali Android.

Realnost Blazor WebAssembly je standardizirana WebAssembly sama, tako da je zgoraj omenjena izvedba možna. V bistvu temelji na spletni aplikaciji, vendar lahko uporabite tudi domorodne funkcije, kot so push obvestila v Plus Alpha.

Postopek namestitve za uporabnika je tudi zelo preprost, saj je potrebno le obiskati ciljno stran in pritisniti gumb za namestitev.

Ustvarjanje projekta Blazor WebAssembly PWA

To je v bistvu enako kot ustvarjanje Blazor WebAssembly projekta.

Preprosto ustvarite projekt, kot bi običajno, in ko pridete na zaslon "Dodatne informacije" spodaj, preprosto preverite "Progresivna spletna aplikacija".

Poleg posebnosti, specifičnih za PWA, je razvoj Blazor WebAssembly v bistvu enak vzorcu brez PWA.

Razlike v projektih, ki niso pwa

Ko ustvarite projekt v programu PWA, boste dobili še nekaj datotek.

Ko odprete, se doda tudi neka koda,index.html ki sklicuje te datoteke.

Preizkusite PWA

Zaženite projekt za odpravljanje napak.

Vzorec izvršitve je popolnoma enak vzorcu brez PWA, vendar lahko pri zagonu s PWA vidite, da je bil v spletni brskalnik dodan gumb za namestitev.

Ko ga kliknete, se prikaže potrditev namestitve, zato bom poskusil namestiti.

To bo odprlo ločeno okno, v katerem lahko zaženete aplikacijo Blazor. Deluje kot odjemalska aplikacija, ne spletni brskalnik, zato lahko konfigurirate tudi nastavitve, povezane z OS, kot je prikazano na sliki.

Glede na to, da je nameščen, bo registriran v začetnem meniju kot je ta in ga boste lahko zagnali.

Ker pa je vsebina spletna aplikacija, je ni mogoče uporabljati, razen če obstaja strežnik, ki lahko prenese vsebino. Če ga na primer namestite med zagonom odpravljanja napak, nameščenega programa ne morete uporabljati, razen če ste za odpravljanje napak zagnali IIS Express. Upoštevajte tudi, da PWA ni mogoče namestiti brez povezave HTTPS.

odstranitev

Postopek odstranjevanja je enak običajni nameščeni aplikaciji. Način delovanja je odvisen od ciljne platforme namestitve.

Dnevnik sprememb

2022/7/13

• Dodano pojasnilo, da je za namestitev PWA potrebno https.

2022/3/30

• prva izdaja