Sukurkite progresyvią žiniatinklio programą, kurią galima įdiegti ir paleisti kiekviename kliente

Puslapis atnaujintas :
Puslapio sukūrimo data :

Aplinkos

"Visual Studio"
  • "Visual Studio 2019"
.NET
  • .NET 5.0

Kas yra progresyvi žiniatinklio programa (PWA)?

Paprasčiau tariant, tai programa, leidžianti įdiegti ir naudoti žiniatinklio programas kiekviename įrenginyje, pvz., "Windows" kompiuteryje, "iPhone" ar "Android".

"Blazor WebAssembly" realybė yra standartizuota pati "WebAssembly", todėl aukščiau pateiktas įgyvendinimas yra įmanomas. Iš esmės tai pagrįsta žiniatinklio programomis, tačiau taip pat galite naudoti vietines funkcijas, pvz., tiesioginius pranešimus "Plus Alpha".

Vartotojo diegimo procedūra taip pat yra labai paprasta, nes reikia tik apsilankyti tiksliniame puslapyje ir paspausti diegimo mygtuką.

"Blazor WebAssembly PWA" projekto kūrimas

Iš esmės tai tas pats, kas sukurti "Blazor WebAssembly" projektą.

Tiesiog sukurkite projektą kaip įprastai, o kai ateisite į toliau pateiktą ekraną "Papildoma informacija", tiesiog pažymėkite "Progresyvi žiniatinklio programa".

Be PWA specifinių funkcijų, "Blazor WebAssembly" kūrimas iš esmės yra tas pats, kas modelis be PWA.

Skirtumai nuo ne PWA projektų

Kai kuriate projektą PWA, gaunate dar keletą failų.

Be to, kai atidarote ,index.html pridedamas tam tikras kodas, nurodantis šiuos failus.

Išbandykite PWA

Vykdykite derinimo projektą.

Vykdymo pavyzdys yra lygiai toks pat, kaip ir modelis be PWA, tačiau paleidus su PWA, matote, kad prie žiniatinklio naršyklės buvo pridėtas diegimo mygtukas.

Kai jį spustelėsite, pasirodys patvirtinimas, kurį reikia įdiegti, todėl pabandysiu įdiegti.

Bus atidarytas atskiras langas, kuriame galėsite paleisti "Blazor" programą. Ji veikia kaip kliento programa, o ne žiniatinklio naršyklė, todėl taip pat galite konfigūruoti su OS susijusius nustatymus, kaip parodyta paveikslėlyje.

Kadangi jis įdiegtas, jis bus užregistruotas tokiame pradžios meniu ir galėsite jį paleisti.

Tačiau, kadangi turinys yra žiniatinklio programa, jo negalima naudoti, nebent yra serveris, galintis atsisiųsti turinį. Pavyzdžiui, jei ją įdiegiate derinimo metu, negalite naudoti įdiegtos programos, nebent pradėjote IIS Express derinimui. Taip pat atkreipkite dėmesį, kad PWA negalima įdiegti be https ryšio.

pašalinti

Pašalinimo procedūra yra tokia pati kaip įprastos įdiegtos programos. Veikimo būdas priklauso nuo įrenginio tikslinės platformos.

Pakeitimų žurnalas

2022/7/13
  • Pridėtas paaiškinimas, kad https reikalingas norint įdiegti PWA.
2022/3/30
  • pirmasis leidimas