Luo progressiivinen verkkosovellus, joka voidaan asentaa ja suorittaa jokaisessa asiakasohjelmassa

ympäristö

Visuaalinen studio

• Visual Studio 2019

.NET

• .NET 5.0

Mikä on progressiivinen verkkosovellus (PWA)?

Yksinkertaisesti sanottuna se on sovellus, jonka avulla voit asentaa ja käyttää web-sovelluksia jokaisessa laitteessa, kuten Windows-tietokoneessa, iPhonessa tai Androidissa.

Blazor WebAssemblyn todellisuus on itse standardoitu WebAssembly, joten yllä oleva toteutus on mahdollista. Se on pohjimmiltaan verkkosovelluspohjainen, mutta voit myös käyttää alkuperäisiä ominaisuuksia, kuten push-ilmoituksia Plus Alphassa.

Käyttäjän asennusmenettely on myös hyvin yksinkertainen, koska on vain tarpeen käydä kohdesivulla ja painaa asennuspainiketta.

Blazor WebAssembly PWA -projektin luominen

Se on pohjimmiltaan sama kuin Blazor WebAssembly -projektin luominen.

Luo vain projekti tavalliseen tapaan, ja kun tulet alla olevaan "Lisätietoja" -näyttöön, tarkista vain "Progressiivinen verkkosovellus".

PWA-spesifisten ominaisuuksien lisäksi Blazor WebAssembly -kehitys on olennaisesti sama kuin PWA-vapaa kuvio.

Erot muista kuin PWA-projekteista

Kun luot projektin PWA:ssa, saat vielä muutaman tiedoston.

Lisäksi, kun avaat ,index.html lisätään koodia, joka viittaa näihin tiedostoihin.

Kokeile PWA:ta

Suorita projekti virheenkorjausta varten.

Suoritusnäyte on täsmälleen sama kuin kuvio ilman PWA: ta, mutta kun se suoritetaan PWA: lla, näet, että selaimeen on lisätty asennuspainike.

Kun napsautat sitä, näyttöön tulee asennusvahvistus, joten yritän asentaa.

Tämä avaa erillisen ikkunan, jossa voit suorittaa Blazor-sovelluksen. Se toimii asiakassovelluksena, ei verkkoselaimena, joten voit myös määrittää käyttöjärjestelmään liittyvät asetukset kuvan osoittamalla tavalla.

Koska se on asennettu, se rekisteröidään käynnistä-valikkoon näin ja voit käynnistää sen.

Koska sisältö on kuitenkin verkkosovellus, sitä ei voi käyttää, ellei ole palvelinta, joka voi ladata sisällön. Jos esimerkiksi asennat sen virheenkorjauksen aikana, et voi käyttää asennettua sovellusta, ellet ole käynnistänyt IIS Expressiä virheenkorjausta varten. Huomaa myös, että PWA:ita ei voi asentaa ilman https-yhteyttä.

asennuksen poisto

Asennuksen poisto on sama kuin tavallisessa asennetussa sovelluksessa. Toimintatapa riippuu asennuksen kohdealustasta.

Muutosloki

2022/7/13

• Lisätty selitys siitä, että https vaaditaan PWA: n asentamiseen.

2022/3/30

• ensipainos