Crie um aplicativo web progressivo que pode ser instalado e executado em cada cliente

ambiente

Estúdio Visual

• Visual Studio 2019

.NET

• .NET 5.0

O que é um Aplicativo Web Progressivo (PWA)?

Simplificando, é um aplicativo que permite instalar e usar aplicativos da Web em cada dispositivo, como um PC Windows, iPhone ou Android.

A realidade do Blazor WebAssembly é um WebAssembly padronizado em si, de modo que a implementação acima é possível. É basicamente baseado em aplicativos da Web, mas você também pode usar recursos nativos, como notificações push no Plus Alpha.

O procedimento de instalação para o usuário também é muito simples, pois só é necessário visitar a página de destino e pressionar o botão de instalação.

Criando um Projeto Blazor WebAssembly PWA

É basicamente o mesmo que criar um projeto Blazor WebAssembly.

Basta criar o projeto como normalmente faria, e quando você chegar à tela "Informações Adicionais" abaixo, basta verificar "Aplicação web progressiva".

Além dos recursos específicos do PWA, o desenvolvimento do Blazor WebAssembly é essencialmente o mesmo que o padrão livre de PWA.

Diferenças em relação a projetos não-PWA

Quando você cria um projeto em PWA, você recebe mais alguns arquivos.

Além disso, quando você abre,index.html algum código é adicionado que faz referência a esses arquivos.

Tente um PWA

Executar o projeto para depuração.

A amostra de execução é exatamente a mesma do padrão sem PWA, mas quando executada com PWA, você pode ver que um botão de instalação foi adicionado ao navegador da Web.

Quando você clica nele, uma confirmação para instalar é exibida, então vou tentar instalar.

Isso abrirá uma janela separada na qual você pode executar o aplicativo Blazor. Ele funciona como um aplicativo cliente, não um navegador da Web, para que você também possa configurar configurações relacionadas ao SISTEMA OPERACIONAL, como mostrado na figura.

Uma vez instalado, ele será registrado no menu iniciar assim e você poderá iniciá-lo.

No entanto, como o conteúdo é um aplicativo web, ele não pode ser usado a menos que haja um servidor que possa baixar o conteúdo. Por exemplo, se você instalá-lo durante uma execução de depuração, você não poderá usar o aplicativo instalado a menos que tenha iniciado o IIS Express para depuração. Observe também que os PWAs não podem ser instalados sem uma conexão https.

desinstalar

O procedimento de desinstalação é o mesmo de um aplicativo instalado regularmente. O método de operação depende da plataforma alvo da instalação.

Changelog

2022/7/13

• Explicação adicional de que https é necessário para instalar PWA.

2022/3/30

• primeira edição