Tworzenie progresywnej aplikacji internetowej, którą można zainstalować i uruchomić na każdym kliencie

środowisko

Visual Studio

• Program Visual Studio 2019

Platforma .NET

• PLATFORMA .NET 5.0

Co to jest progresywna aplikacja internetowa (PWA)?

Mówiąc najprościej, jest to aplikacja, która pozwala instalować i używać aplikacji internetowych na każdym urządzeniu, takim jak komputer z systemem Windows, iPhone lub Android.

Rzeczywistość Blazor WebAssembly jest sama w sobie ustandaryzowanym WebAssembly, więc powyższa implementacja jest możliwa. Jest to w zasadzie oparte na aplikacjach internetowych, ale można również korzystać z funkcji natywnych, takich jak powiadomienia push w Plus Alpha.

Procedura instalacji dla użytkownika jest również bardzo prosta, ponieważ wystarczy odwiedzić stronę docelową i nacisnąć przycisk instalacji.

Tworzenie projektu Programu PWA Blazor WebAssembly

To w zasadzie to samo, co tworzenie projektu Blazor WebAssembly.

Po prostu stwórz projekt w normalny sposób, a gdy przejdziesz do ekranu "Dodatkowe informacje" poniżej, po prostu zaznacz "Progresywna aplikacja internetowa".

Oprócz funkcji specyficznych dla PWA, rozwój Blazor WebAssembly jest zasadniczo taki sam jak wzorzec wolny od PWA.

Różnice w stosunku do projektów innych niż PWA

Podczas tworzenia projektu w programie PWA otrzymujesz jeszcze kilka plików.

Ponadto po otwarciu dodawanyindex.html jest kod, który odwołuje się do tych plików.

Wypróbuj PWA

Uruchom projekt do debugowania.

Próbka wykonania jest dokładnie taka sama jak wzorzec bez PWA, ale po uruchomieniu z PWA widać, że przycisk instalacji został dodany do przeglądarki internetowej.

Po kliknięciu zostanie wyświetlone potwierdzenie instalacji, więc spróbuję zainstalować.

Spowoduje to otwarcie osobnego okna, w którym można uruchomić aplikację Blazor. Działa jako aplikacja kliencka, a nie przeglądarka internetowa, więc można również skonfigurować ustawienia związane z systemem operacyjnym, jak pokazano na rysunku.

Ponieważ jest zainstalowany, zostanie zarejestrowany w menu Start w ten sposób i będziesz mógł go uruchomić.

Ponieważ jednak zawartość jest aplikacją internetową, nie można jej używać, chyba że istnieje serwer, który może pobrać zawartość. Jeśli na przykład zostanie zainstalowany podczas uruchamiania debugowania, nie będzie można użyć zainstalowanej aplikacji, chyba że uruchomiono usługi IIS Express do debugowania. Należy również pamiętać, że PWA nie mogą być instalowane bez połączenia https.

odinstaluj

Procedura odinstalowywania jest taka sama jak w przypadku zwykłej zainstalowanej aplikacji. Metoda działania zależy od platformy docelowej instalacji.

Dziennik zmian

2022/7/13

• Dodano wyjaśnienie, że https jest wymagany do zainstalowania PWA.

2022/3/30

• pierwsza edycja