Vytvoření progresivní webové aplikace, kterou je možné nainstalovat a spustit na každém klientovi

životní prostředí

Vizuální sada

• Vizuální sada 2019

Rozhraní .NET

• Rozhraní .NET 5,0

Co je progresivní webová aplikace (PWA)?

Jednoduše řečeno, je to aplikace, která vám umožní instalovat a používat webové aplikace na každém zařízení, jako je Windows PC, iPhone nebo Android.

Realita Blazor WebAssembly je standardizovaná WebAssembly sama, takže výše uvedená implementace je možná. Je to v podstatě založené na webových aplikacích, ale můžete také použít nativní funkce, jako jsou nabízená oznámení v Plus Alpha.

Postup instalace pro uživatele je také velmi jednoduchý, protože je nutné pouze navštívit cílovou stránku a stisknout tlačítko instalace.

Vytvoření Blazor WebAssembly PWA projektu

Je to v podstatě stejné jako vytvoření Blazor WebAssembly projektu.

Jednoduše vytvořte projekt jako obvykle, a když přijdete na obrazovku "Další informace" níže, jednoduše zaškrtněte "Progresivní webová aplikace".

Kromě funkcí specifických pro PWA je vývoj Blazor WebAssembly v podstatě stejný jako vzor bez PWA.

Rozdíly od projektů bez PWA

Když vytvoříte projekt v PWA, získáte několik dalších souborů.

Také při otevření , jeindex.html přidán nějaký kód, který odkazuje na tyto soubory.

Vyzkoušejte PWA

Spusťte projekt pro ladění.

Ukázka spuštění je přesně stejná jako vzor bez PWA, ale při spuštění s PWA můžete vidět, že do webového prohlížeče bylo přidáno tlačítko instalace.

Když na něj kliknete, zobrazí se potvrzení o instalaci, takže se pokusím nainstalovat.

Otevře se samostatné okno, ve kterém můžete spustit Blazor app. Funguje jako klientská aplikace, ne jako webový prohlížeč, takže můžete také nakonfigurovat nastavení související s operačním systémem, jak je znázorněno na obrázku.

Vzhledem k tomu, že je nainstalován, bude zaregistrován v nabídce Start takto a budete jej moci spustit.

Vzhledem k tomu, že obsah je webová aplikace, nelze jej použít, pokud neexistuje server, který může obsah stáhnout. Pokud ji například nainstalujete během spuštění ladění, nemůžete nainstalovanou aplikaci použít, pokud jste nespustili službu IIS Express pro ladění. Všimněte si také, že PWA nelze nainstalovat bez připojení https.

odinstalovat

Postup odinstalace je stejný jako u běžné nainstalované aplikace. Způsob operace závisí na cílové platformě instalace.

Seznam změn

2022/7/13

• Přidáno vysvětlení, že k instalaci PWA je vyžadován protokol https.

2022/3/30

• první vydání