Vytvorenie progresívnej webovej aplikácie, ktorú je možné nainštalovať a spustiť na každom klientovi

životné prostredie

Vizuálne štúdio

• Vizuálne štúdio 2019

.NET

• .NET 5.0

Čo je progresívna webová aplikácia (PWA)?

Jednoducho povedané, je to aplikácia, ktorá vám umožňuje inštalovať a používať webové aplikácie na každom zariadení, ako je počítač so systémom Windows, iPhone alebo Android.

Realitou Blazor WebAssembly je štandardizovaná samotná WebAssembly, takže vyššie uvedená implementácia je možná. Je to v podstate založené na webových aplikáciách, ale môžete tiež použiť natívne funkcie, ako sú push notifikácie v Plus Alpha.

Postup inštalácie pre používateľa je tiež veľmi jednoduchý, pretože je potrebné navštíviť cieľovú stránku a stlačiť tlačidlo inštalácie.

Vytvorenie projektu PwA Blazor WebAssembly

Je to v podstate to isté ako vytvorenie projektu Blazor WebAssembly.

Jednoducho vytvorte projekt tak, ako by ste normálne, a keď prídete na obrazovku "Ďalšie informácie" nižšie, jednoducho skontrolujte "Progresívnu webovú aplikáciu".

Okrem funkcií špecifických pre PWA je vývoj Blazor WebAssembly v podstate rovnaký ako model bez PWA.

Rozdiely od projektov, ktoré nie sú pwa

Keď vytvoríte projekt v PWA, získate niekoľko ďalších súborov.

Po otvorení saindex.html pridá aj nejaký kód, ktorý odkazuje na tieto súbory.

Vyskúšajte PWA

Spustite projekt na ladenie.

Vzorka vykonávania je úplne rovnaká ako vzor bez PWA, ale pri spustení s PWA môžete vidieť, že do webového prehliadača bolo pridané tlačidlo inštalácie.

Keď naň kliknete, zobrazí sa potvrdenie o inštalácii, takže sa pokúsim nainštalovať.

Tým sa otvorí samostatné okno, v ktorom môžete spustiť aplikáciu Blazor. Funguje ako klientska aplikácia, nie ako webový prehliadač, takže môžete nakonfigurovať aj nastavenia súvisiace s operačným systémom, ako je znázornené na obrázku.

Keďže je nainštalovaný, bude takto zaregistrovaný v počiatočnej ponuke a budete ho môcť spustiť.

Keďže však ide o webovú aplikáciu, nemôže sa používať, pokiaľ neexistuje server, ktorý by mohol stiahnuť obsah. Ak ho napríklad nainštalujete počas ladenia, nainštalovanú aplikáciu nemôžete použiť, pokiaľ ste spustili IIS Express na ladenie. Upozorňujeme tiež, že PWA nie je možné nainštalovať bez pripojenia https.

odinštalovať

Postup odinštalovania je rovnaký ako pri bežnej nainštalovanej aplikácii. Spôsob prevádzky závisí od cieľovej platformy zariadenia.

Changelog

2022/7/13

• Pridané vysvetlenie, že na inštaláciu PWA je potrebný https.

2022/3/30

• Prvé vydanie