Logo do Projectlify

Como instalar uma PWA -
Progressive Web Application?

Estas instruções explicam como instalar uma cópia local de uma aplicação web progressiva (PWA), permitindo acessá-la diretamente do seu dispositivo sem precisar abrir um navegador ou procurar pelo domínio do aplicativo. Após a instalação, basta clicar no ícone do app para abri-lo e começar a usar imediatamente.

Captura de tela de um iPhone
Explicação

O que é PWA - Progressive Web Application?

Uma aplicação web progressiva (PWA) é um site que pode ser baixado para o seu dispositivo e usado como um aplicativo. Embora uma PWA possa ser usada como qualquer página web normal, a instalação oferece algumas vantagens. Uma PWA instalada pode ser usada mesmo sem conexão à internet. Ela também aparecerá junto com seus outros aplicativos para acesso rápido. O processo de instalação varia dependendo do seu sistema operacional e navegador.

SAFARI

Processo de instalação no iOS móvel

Uma PWA só pode ser instalada no iOS usando o navegador Safari. Primeiro, acesse o site no Safari. Pressione o botão "Compartilhar" e selecione "Adicionar à Tela de Início" no popup. Por fim, toque em "Adicionar" no canto superior direito para concluir a instalação da PWA. Agora ela estará na sua tela inicial.

Captura de tela móvel do site Projectlify no iPhone com o botão de compartilhar no centro inferior destacado.Menu expandido de compartilhamento do iPhone com o botão 'Adicionar à tela de início' destacado.Tela de adicionar à tela de início do iPhone com o app Projectlify e o botão 'adicionar' destacado

Capturas de tela mostrando os passos de instalação da PWA no iOS

CHROME

Processo de instalação no Android móvel

O navegador padrão Chrome permite instalar PWAs no Android. Primeiro, acesse o site no Chrome. Pressione o ícone de 'três pontos' no canto superior direito para abrir o menu. Selecione 'Adicionar à tela de início'. Pressione o botão 'Adicionar' no popup. A PWA agora está instalada e disponível na sua tela inicial.

Captura de tela móvel do site Projectlify em um telefone com o botão de 3 pontos no canto superior direito destacado.Menu de configurações expandido do Chrome com o botão 'Adicionar à tela de início' destacado.Tela de adicionar à tela de início no Android com o app Projectlify e o botão 'instalar' destacado

Capturas de tela mostrando os passos de instalação da PWA no Android

PWA para desktop

Instalando PWA no Windows e MacOS

O Google Chrome e o Microsoft Edge atualmente oferecem o melhor suporte para PWAs no Windows e Mac OS. O processo de instalação é muito semelhante para ambos os navegadores. Primeiro, acesse o site que deseja instalar como PWA. Se o site for uma PWA, haverá um ícone no lado direito da barra de URL. Clique no ícone e depois no botão 'Instalar'. Alternativamente, você pode instalar a PWA pelo menu de 'três pontos'.


No Windows, a PWA estará disponível no menu iniciar. No Mac, a PWA estará no launcher e na busca Spotlight.

Google Chrome
Capturas de tela mostrando os passos de instalação da PWA no navegador Google Chrome

Capturas de tela mostrando os passos de instalação da PWA no navegador Google Chrome

Safari
Capturas de tela mostrando os passos de instalação da PWA no navegador Safari

Capturas de tela mostrando os passos de instalação da PWA no navegador Safari

Microsoft Edge
Capturas de tela mostrando os passos de instalação da PWA no navegador Microsoft Edge

Capturas de tela mostrando os passos de instalação da PWA no navegador Microsoft Edge