Crear una aplicació web progressiva que es pugui instal·lar i executar a cada client

entorn

Estudi visual

• Visual Studio 2019

.NET

• .NET 5.0

Què és una Progressive Web App (PWA)?

En poques paraules, és una aplicació que us permet instal·lar i utilitzar aplicacions web en cada dispositiu, com ara un PC amb Windows, iPhone o Android.

La realitat de Blazor WebAssembly és un webassembly estandarditzat en si mateix, de manera que la implementació anterior és possible. Bàsicament es basa en aplicacions web, però també podeu utilitzar funcions natives, com ara notificacions automàtiques a Plus Alpha.

El procediment d'instal·lació per a l'usuari també és molt senzill, ja que només cal visitar la pàgina de destinació i prémer el botó d'instal·lació.

Creació d'un projecte PWA de Blazor WebAssembly

És bàsicament el mateix que crear un projecte Blazor WebAssembly.

Simplement creeu el projecte com ho faríeu normalment i, quan arribeu a la pantalla "Informació addicional" següent, simplement marqueu "Aplicació web progressiva".

A part de les característiques específiques de PWA, el desenvolupament de Blazor WebAssembly és essencialment el mateix que el patró lliure de PWA.

Diferències amb projectes no PWA

Quan creeu un projecte a PWA, obtindreu uns quants fitxers més.

A més, quan obriu ,index.html s'afegeix algun codi que fa referència a aquests fitxers.

Prova una PWA

Executa el projecte per a la depuració.

La mostra d'execució és exactament la mateixa que el patró sense PWA, però quan s'executa amb PWA, podeu veure que s'ha afegit un botó d'instal·lació al navegador web.

Quan hi feu clic, es mostrarà una confirmació per instal·lar, de manera que intentaré instal·lar-la.

Això obrirà una finestra separada en la qual podeu executar l'aplicació Blazor. Actua com una aplicació client, no com un navegador web, de manera que també podeu configurar la configuració relacionada amb el sistema operatiu com es mostra a la figura.

Com que està instal·lat, es registrarà al menú d'inici d'aquesta manera i podreu iniciar-lo.

No obstant això, atès que el contingut és una aplicació web, no es pot utilitzar a menys que hi hagi un servidor que pugui descarregar el contingut. Per exemple, si l'instal·leu durant una execució de depuració, no podeu utilitzar l'aplicació instal·lada tret que hàgiu iniciat l'IIS Express per a la depuració. Tingueu en compte també que els PWA no es poden instal·lar sense una connexió https.

Desinstal·lar

El procediment de desinstal·lació és el mateix que per a una aplicació instal·lada normal. El mètode d'operació depèn de la plataforma de destinació de la instal·lació.

Registre de canvis

2022/7/13

• S'ha afegit l'explicació que https és necessari per instal·lar PWA.

2022/3/30

• primera edició