Progresszív webalkalmazás létrehozása, amely telepíthető és futtatható az egyes ügyfeleken

környezet

Visual Stúdió

• Visual Studio 2019

.NET (angolul)

• .NET 5.0

Mi az a progresszív webalkalmazás (PWA)?

Egyszerűen fogalmazva, ez egy olyan alkalmazás, amely lehetővé teszi webalkalmazások telepítését és használatát minden eszközön, például Windows PC-n, iPhone-on vagy Androidon.

A Blazor WebAssembly valósága maga is szabványosított WebAssembly, így a fenti megvalósítás lehetséges. Alapvetően webalkalmazás-alapú, de natív funkciókat is használhat, például push értesítéseket a Plus Alpha-ban.

A felhasználó telepítési eljárása is nagyon egyszerű, mivel csak a céloldalt kell meglátogatni és a telepítés gombot megnyomni.

Blazor WebAssembly PWA projekt létrehozása

Ez alapvetően ugyanaz, mint egy Blazor WebAssembly projekt létrehozása.

Egyszerűen hozza létre a projektet a szokásos módon, és amikor az alábbi "További információk" képernyőre lép, egyszerűen jelölje be a "Progresszív webalkalmazás" lehetőséget.

A PWA-specifikus funkciókon kívül a Blazor WebAssembly fejlesztése lényegében megegyezik a PWA-mentes mintával.

Különbségek a nem PWA projektektől

Amikor létrehoz egy projektet a PWA-ban, még néhány fájlt kap.

Továbbá, amikor megnyitja,index.html néhány kód kerül hozzáadásra, amely ezekre a fájlokra hivatkozik.

Próbáljon ki egy PWA-t

Futtassa a projektet hibakereséshez.

A végrehajtási minta pontosan megegyezik a PWA nélküli mintával, de ha PWA-val futtatja, láthatja, hogy egy telepítési gomb hozzá lett adva a webböngészőhöz.

Ha rákattint, megjelenik a telepítés megerősítése, ezért megpróbálom telepíteni.

Ezzel megnyílik egy külön ablak, amelyben futtathatja a Blazor alkalmazást. Ügyfélalkalmazásként működik, nem pedig webböngészőként, így az operációs rendszerrel kapcsolatos beállításokat is konfigurálhatja az ábrán látható módon.

Mivel telepítve van, így regisztrálva lesz a Start menüben, és elindíthatja.

Mivel azonban a tartalom webalkalmazás, csak akkor használható, ha van olyan kiszolgáló, amely le tudja tölteni a tartalmat. Ha például hibakeresési futtatás során telepíti, csak akkor használhatja a telepített alkalmazást, ha elindította az IIS Express szolgáltatást hibakereséshez. Azt is vegye figyelembe, hogy a PWA-k nem telepíthetők https-kapcsolat nélkül.

eltávolítás

Az eltávolítási eljárás ugyanaz, mint egy normál telepített alkalmazás esetében. A működési módszer a telepítés célplatformjától függ.

Változásnapló

2022/7/13

• Hozzáadott magyarázat, hogy https szükséges a PWA telepítéséhez.

2022/3/30

• őskiadás