Com o avanço de novas funcionalidades nos navegadores modernos, a cada dia se busca integrar mais o usuário com as novas tecnologias e é isso que o Google, com seu navegador Google Chrome, está focado em fazer e que é com o lançamento do Google Chrome 70 um novo recurso foi integrado, como compatibilidade com Progressive Web Apps (PWA).
Um PWA é um site ou serviço que pode ser instalado como aplicativo no desktop ou dispositivo móvel e tem como objetivo utilizar sites como aplicativos web, mas aumentando suas funções e versatilidade. Isso permite que os desenvolvedores acessem serviços de várias plataformas de uma vez, em vez de criar aplicativos separados, o que exige tempo e recursos.
Recursos de aplicativos progressivosProgressive Web Apps ou Progressive Web Apps são basicamente experiências de usuário que têm o alcance da web e têm características como:
- Confiabilidade, uma vez que carrega instantaneamente, mesmo em condições de rede variáveis.
- Rápido, pois eles respondem rapidamente às interações do usuário com animações simples e suaves, sem rolagem.
- Comprometido, pois funciona como um aplicativo natural no dispositivo, com uma experiência de usuário envolvente.
Construir um aplicativo da web progressivo de alta qualidade tem benefícios como:
- Pode estar na tela inicial do dispositivo.
- Funciona de forma confiável.
- Melhores notificações push.
- Capacidade de fornecer uma experiência de usuário aprimorada
Solvetic irá explicar como instalar um aplicativo da web PWA no Google Chrome.
Como instalar aplicativos progressivos no Chrome
Passo 1
O primeiro passo a tomar é confirmar que usamos a versão 70 do Google Chrome, para isso temos duas opções, que são:
- Abra uma nova guia e digite a seguinte linha:
chrome: // settings / help
- Vá para o menu Personalizar e controlar o Google Chrome e vá para o caminho: "Ajuda / Sobre o Google Chrome"
Passo 2
Agora, o Google Chrome como tal não oferece uma loja de PWAs, então será necessário saber quais serviços esses PWAs oferecem, um exemplo disso é o Spotify ou o Twitter. Para este caso, usaremos o Spotify e para isso iremos para o seguinte link do Google Chrome:
etapa 3
Após acessar o site citado, clique no menu Personalizar e controlar Google Chrome e lá encontramos uma nova opção chamada "Instalar Spotify":
Passo 4
Ao clicar aqui, a seguinte janela pop-up será exibida:
Etapa 5
Lá devemos clicar no botão "Instalar" para continuar com o processo, no caso dos outros PWAs o processo é idêntico:
Etapa 6
Ao clicar no botão "Instalar" seremos redirecionados automaticamente para o aplicativo:
PROLONGAR
Etapa 7
Agora podemos encontrar o aplicativo no menu Iniciar e, a partir daí, podemos ancorá-lo na barra de tarefas e no próprio menu Iniciar clicando com o botão direito nele. Para determinar se um aplicativo é um PWA, poderemos ver o contêiner do navegador ao redor dele.
PROLONGAR
Etapa 8
Para desinstalá-lo, devemos clicar no menu e selecionar a opção "Desinstalar" da lista exibida:
Ativar AWP no macOS e LinuxAlgo importante de mencionar também, é que temos a possibilidade de instalar os PWAs da Microsoft Store no Windows 10 e o Google irá adicionar oficialmente o suporte do PWA no Chrome para macOS e Linux com a edição Chrome 72, mas se quisermos usar o PWA no Linux e no macOS, devemos executar o seguinte no navegador. Isso habilitará o PWA e será necessário reiniciar o navegador para que as alterações sejam aplicadas.
chrome: // flags / # enable-desktop-pwas
Assim, podemos instalar aplicativos PWA do Google Chrome no Windows 10 e desfrutar desta nova funcionalidade integrada ao navegador.
