Създаване на прогресивно уеб приложение, което може да бъде инсталирано и изпълнявано на всеки клиент

околна среда

Визуално студио

• Визуално студио 2019

.NET

• .NET 5.0

Какво представлява прогресивното уеб приложение (PWA)?

Просто казано, това е приложение, което ви позволява да инсталирате и използвате Уеб приложения на всяко устройство като компютър с Windows, iPhone или Android.

Реалността на Blazor WebAssembly е самата стандартизирана WebAssembly, така че горепосоченото изпълнение е възможно. В общи линии е базирано на уеб приложения, но можете да използвате и родни функции като известия за натискане в Plus Alpha.

Инсталационната процедура за потребителя също е много проста, тъй като е необходимо само да посетите целевата страница и да натиснете бутона за инсталиране.

Създаване на проект за PWA на блезор уебасембло

В общи линии е същото като създаването на проект на Blazor WebAssembly.

Просто създайте проекта, както обикновено бихте искали, и когато дойдете на екрана "Допълнителна информация" по-долу, просто проверете "Прогресивно уеб приложение".

Като изключим специфичните за PWA функции, разработката на Blazor WebAssembly по същество е същата като модела без PWA.

Разлики от проектите, които не са pWA

Когато създавате проект в PWA, получавате още няколко файла.

Също така, когато отворите ,index.html се добавя някакъв код, който препраща към тези файлове.

Опитайте PWA

Изпълнете проекта за отстраняване на грешки.

Пробата за изпълнение е точно същата като модела без PWA, но когато се изпълнява с PWA, можете да видите, че към уеб браузъра е добавен бутон за инсталиране.

Когато щракнете върху него, се показва потвърждение за инсталиране, така че ще се опитам да инсталирам.

Това ще отвори отделен прозорец, в който можете да стартирате приложението Blazor. Той действа като клиентско приложение, а не уеб браузър, така че можете също да конфигурирате настройките, свързани с OS, както е показано на фигурата.

Тъй като е инсталиран, той ще бъде регистриран в стартовото меню така и ще можете да го стартирате.

Въпреки това, тъй като съдържанието е уеб приложение, то не може да се използва, освен ако няма сървър, който може да изтегли съдържанието. Ако например го инсталирате по време на изпълнение на отстраняване на грешки, не можете да използвате инсталираното приложение, освен ако не сте стартирали IIS Express за отстраняване на грешки. Също така имайте предвид, че PWAs не могат да бъдат инсталирани без https връзка.

деинсталиране

Процедурата за деинсталиране е същата като за редовно инсталирано приложение. Методът на работа зависи от целевата платформа на инсталацията.

Changelog

2022/7/13

• Добавено е обяснение, че https е необходимо за инсталиране на PWA.

2022/3/30

• първо издание