Crear una aplicación web progresiva que se pueda instalar y ejecutar en cada cliente

medio ambiente

Visual Studio

• Visual Studio 2019

.NET

• .NET 5.0

¿Qué es una aplicación web progresiva (PWA)?

En pocas palabras, es una aplicación que le permite instalar y usar aplicaciones web en cada dispositivo, como una PC con Windows, iPhone o Android.

La realidad de Blazor WebAssembly es un WebAssembly estandarizado en sí mismo, por lo que la implementación anterior es posible. Básicamente está basado en aplicaciones web, pero también puede usar funciones nativas como notificaciones push en Plus Alpha.

El procedimiento de instalación para el usuario también es muy simple, ya que solo es necesario visitar la página de destino y presionar el botón de instalación.

Creación de un proyecto de PWA de Blazor WebAssembly

Es básicamente lo mismo que crear un proyecto Blazor WebAssembly.

Simplemente cree el proyecto como lo haría normalmente, y cuando llegue a la pantalla "Información adicional" a continuación, simplemente marque "Aplicación web progresiva".

Aparte de las características específicas de PWA, el desarrollo de Blazor WebAssembly es esencialmente el mismo que el patrón libre de PWA.

Diferencias con respecto a proyectos que no son de PWA

Cuando crea un proyecto en PWA, obtiene algunos archivos más.

Además, al abrir ,index.html se agrega algún código que hace referencia a estos archivos.

Pruebe una PWA

Ejecute el proyecto para la depuración.

El ejemplo de ejecución es exactamente el mismo que el patrón sin PWA, pero cuando se ejecuta con PWA, puede ver que se ha agregado un botón de instalación al navegador web.

Al hacer clic en él, se muestra una confirmación para instalar, por lo que intentaré instalar.

Esto abrirá una ventana separada en la que puede ejecutar la aplicación Blazor. Actúa como una aplicación cliente, no como un navegador web, por lo que también puede configurar las opciones relacionadas con el sistema operativo como se muestra en la figura.

Desde que está instalado, se registrará en el menú de inicio de esta manera y podrá iniciarlo.

Sin embargo, dado que el contenido es una aplicación web, no se puede usar a menos que haya un servidor que pueda descargar el contenido. Por ejemplo, si la instala durante una ejecución de depuración, no puede usar la aplicación instalada a menos que haya iniciado IIS Express para la depuración. Tenga en cuenta también que las PWA no se pueden instalar sin una conexión https.

desinstalar

El procedimiento de desinstalación es el mismo que para una aplicación instalada normalmente. El método de operación depende de la plataforma de destino de la instalación.

Registro de cambios

2022/7/13

• Se agregó una explicación de que https es necesario para instalar PWA.

2022/3/30

• primera edición