Izveidojiet progresīvu tīmekļa lietojumprogrammu, kuru var instalēt un palaist katrā klientā

vide

Vizuālā studija

• Visual Studio 2019

.NET

• .NET 5.0

Kas ir progresīvā tīmekļa lietotne (Progressive Web App — PWA)?

Vienkārši sakot, tā ir lietojumprogramma, kas ļauj instalēt un izmantot tīmekļa lietojumprogrammas katrā ierīcē, piemēram, Windows datorā, iPhone vai Android.

Blazor WebAssembly realitāte ir pati standartizēta WebAssembly, tāpēc iepriekš minētā ieviešana ir iespējama. Tas būtībā ir balstīts uz tīmekļa lietojumprogrammām, taču varat arī izmantot vietējās funkcijas, piemēram, pašpiegādes paziņojumus Plus Alpha.

Lietotāja instalēšanas procedūra ir arī ļoti vienkārša, jo ir nepieciešams tikai apmeklēt mērķa lapu un nospiest instalēšanas pogu.

Blazor WebAssembly PWA projekta izveide

Būtībā tas ir tas pats, kas izveidot Blazor WebAssembly projektu.

Vienkārši izveidojiet projektu kā parasti, un, nonākot zemāk esošajā ekrānā "Papildu informācija", vienkārši pārbaudiet "Progresīvā tīmekļa lietojumprogramma".

Papildus PWA specifiskajām funkcijām Blazor WebAssembly izstrāde būtībā ir tāda pati kā modelis bez PWA.

Atšķirības no projektiem, kas nav PSA projekti

Veidojot projektu PWA formātā, tiek iegūti vēl daži faili.

Turklāt, atverot ,index.html tiek pievienots kāds kods, kas atsaucas uz šiem failiem.

Izmēģiniet PWA

Palaidiet projektu atkļūdošanai.

Izpildes paraugs ir tieši tāds pats kā modelis bez PWA, bet, palaižot ar PWA, jūs varat redzēt, ka tīmekļa pārlūkprogrammai ir pievienota instalēšanas poga.

Noklikšķinot uz tā, tiek parādīts apstiprinājums par instalēšanu, tāpēc es centīšos instalēt.

Tas atvērs atsevišķu logu, kurā varat palaist lietotni Blazor. Tā darbojas kā klienta lietotne, nevis tīmekļa pārlūkprogramma, tāpēc varat arī konfigurēt ar OS saistītus iestatījumus, kā parādīts attēlā.

Tā kā tas ir instalēts, tas tiks reģistrēts šādā sākuma izvēlnē, un jūs to varēsiet sākt.

Tomēr, tā kā saturs ir tīmekļa lietotne, to nevar izmantot, ja vien nav servera, kas var lejupielādēt saturu. Piemēram, ja instalējat to atkļūdošanas laikā, instalēto lietotni nevar izmantot, ja vien neatkļūdošanai neesat palaidis programmu IIS Express. Ņemiet vērā arī to, ka PWA nevar instalēt bez https savienojuma.

atinstalēt

Atinstalēšanas procedūra ir tāda pati kā parastai instalētai lietotnei. Darbības metode ir atkarīga no instalācijas mērķa platformas.

Izmaiņu žurnāls

2022/7/13

• Pievienots paskaidrojums, ka PWA instalēšanai ir nepieciešama https.

2022/3/30

• pirmais izdevums