Como transformar sites em aplicativos de desktop no Windows

Muitos desenvolvedores da Web hoje não veem um benefício tangível no desenvolvimento de aplicativos do Windows para seus sites, pois os usuários podem acessá-los por meio de um navegador da Web. Se preferir fazer as coisas de forma diferente, você pode facilmente transformar esses sites em aplicativos de desktop.

Vantagens dos aplicativos de desktop

Um aplicativo da área de trabalho leva você ao site mais rapidamente e você pode adicionar convenientemente seu atalho à barra de tarefas, menu Iniciar ou área de trabalho. Os sites dentro de um contêiner de aplicativo também ocupam todo o quadro da janela ou, opcionalmente, a tela inteira sem ter elementos de distração, como uma barra de ferramentas do navegador ou barra de endereços.

1. Microsoft Edge

O Microsoft Edge oferece a maneira mais rápida de transformar sites em aplicativos, pois vem pré-instalado com o Windows. Quando você instala um site como um aplicativo, o Edge separa o site do navegador, cria seu próprio ícone e instância na barra de tarefas e remove a barra de ferramentas para que o site se pareça mais com um aplicativo. Além disso, o Edge ainda alimentará todo o aplicativo para que você possa usar quaisquer extensões habilitadas e preencher formulários automaticamente com todos os dados que você salvou.

1. No navegador Edge, visite o site que você deseja transformar em um aplicativo.

2. Clique no ícone horizontal de três pontos na barra de ferramentas Edge (ou pressione Alt + F).
3. Vá para “Aplicativos” e clique em “Instalar este site como um aplicativo”.

4. Altere o nome do aplicativo, se desejar, e clique em “Instalar” para adicionar o aplicativo à lista de aplicativos do Edge.

5. Configure as permissões do aplicativo conforme necessário e clique em “Permitir” para aplicar essas alterações.

Prós

• Rápido e fácil de configurar
• Funciona com qualquer site
• Menu de aplicativos conveniente para iniciar qualquer aplicativo convertido
• Tem acesso a uma barra lateral, permitindo realizar pesquisas na Web
• Atualizações automáticas

Contras

• Consome mais memória
• Limitado a uma única sessão
• Sem suporte para sincronização

2. Google Chrome

Se você não deseja que o Microsoft Edge alimente seus aplicativos, experimente o Google Chrome, pois as etapas para a conversão são semelhantes.

1. No Chrome, visite o site que você deseja transformar em um aplicativo.

2. Clique no ícone de três pontos na barra de ferramentas do Chrome (ou pressione Alt + F).
3. A partir daí, vá para “Mais ferramentas” e clique em “Criar atalho”.

4. Altere o nome do aplicativo, se desejar, marque a caixa de seleção “Abrir como janela” e clique em “Criar” para finalizar a conversão.

Dica: essa também é a maneira mais fácil de criar um aplicativo de desktop do Gmail.

Prós

• Rápido e fácil de configurar
• Suporta extensões do Chrome e preenchimento automático de formulários
• Funciona com qualquer site
• Os aplicativos são sincronizados nas instalações do Chrome para desktop por meio de sua conta do Google
• Página de aplicativos dedicados mais limpa com ícones maiores

Contras

• Consome mais memória
• Limitado a uma única sessão

3. Catálogo da Web

WebCatalog é um aplicativo de terceiros que contém uma biblioteca de sites populares que você pode instalar como aplicativos de desktop. Ao contrário do Microsoft Edge, cada aplicativo é autocontido em seu próprio mecanismo de navegador chamado Photon.

O Photon é executado na estrutura baseada no Chromium, Electron, que isola os aplicativos WebCatalog uns dos outros e de outros navegadores, mantendo boa compatibilidade com a maioria dos sites.

Isso torna o WebCatalog mais seguro, pois qualquer comprometimento potencial em seu navegador padrão não afetará nenhum dos aplicativos WebCatalog, pois cada um dos aplicativos possui seus próprios cookies, cache e sessões exclusivas. O WebCatalog também oferece a opção de criar várias sessões de um site sem exigir que você alterne os perfis do navegador.

1. Depois de instalar o programa, abra o WebCatalog e use a barra de pesquisa para procurar um site que deseja instalar como aplicativo.
2. Clique em “Instalar” sob o ícone do site e deixe o WebCatalog criar o aplicativo. O WebCatalog também adicionará um atalho na seção “Aplicativos” do menu Iniciar.

3. Se o WebCatalog não listar o site que você deseja converter em seu catálogo, clique no bloco “Criar aplicativo personalizado” para abrir uma caixa de diálogo onde você pode personalizar o aplicativo.

4. Dê um nome ao aplicativo e insira o endereço do site no campo URL. Especifique um ícone do site usando qualquer uma das opções abaixo do campo URL e clique em “Instalar” para configurar o aplicativo.

Prós

• O catálogo integrado permite descobrir novos sites e serviços
• Sessões isoladas
• Sem rastreamento do Chrome ou Edge
• Interface personalizável
• Atualizações automáticas
• Bloqueador de anúncios e rastreadores integrado na versão completa

Contras

• Consome mais espaço em disco do que os aplicativos Edge ou Chrome
• Versão gratuita limitada a 10 aplicativos e duas sessões por aplicativo

4. Com Nativefier

Como WebCatalog, Nativefier depende do Electron para colocar sites em contêineres isolados para melhor segurança. No entanto, Nativefier não oferece nenhuma interface gráfica de usuário ou catálogo, forçando você a usar a linha de comando para converter sites em aplicativos.

A falta de sinos e assobios torna o Nativefier uma boa escolha para computadores com pouca RAM. Como não há um hub central unindo os aplicativos com tecnologia Nativefier, você obtém total liberdade para colocar esses aplicativos e pode copiá-los ou movê-los para um dispositivo de armazenamento portátil. O Nativefier também é de código aberto e você pode criar quantos aplicativos quiser sem pagar extra.

O Nativefier requer a maioria das etapas para instalar, mas uma vez instalado, você pode criar aplicativos com tecnologia Nativefier em uma única etapa a partir da linha de comando.

1. Instale o versão LTS mais recente do Node.js ao seu computador.

Observação: não altere nenhuma configuração no instalador.

2. Inicie o menu Iniciar ou a Pesquisa do Windows e procure por “Terminal”.
3. Clique em “Executar como administrador” no painel lateral dos resultados da pesquisa para abrir a janela do Windows Terminal com privilégios de administrador.

4. Clique na pequena seta apontando para baixo na barra de título do Windows Terminal e vá para “Configurações” (ou pressione Ctrl + ,).

5. Em “Inicialização”, defina o “Perfil padrão” como “Prompt de comando”, pois esta etapa simplificará o processo de criação de aplicativos Nativefier.

6. Clique em “Salvar” para aplicar as alterações.
7. Pressione o pequeno ícone “+” na barra de título para abrir uma janela de prompt de comando no Terminal.

8. Digite o seguinte comando no Terminal para instalar o Nativefier.

   npm install -g nativefier

9. Aguarde o Node Package Manager baixar as dependências que o Nativefier requer para funcionar.

10. Inicie o Windows Explorer e navegue até o local da pasta onde você deseja colocar os aplicativos Nativefier.
11. Clique com o botão direito do mouse na pasta enquanto segura o botão Mudança e clique em “Abrir no Terminal”.

12. Para criar um aplicativo Nativefier básico, digite este comando usando o seguinte formato:

nativefier --name "Website Name" https://www.websitename.com

Observação: substitua “Nome do site” entre aspas pelo nome do site que você está convertendo e substitua “nomedosite.com” pelo endereço do site. Aguarde o Nativefier baixar os arquivos necessários e criar o aplicativo.

13. Volte para a janela do Explorer e abra a pasta que contém seu aplicativo recém-criado.
14. Inicie o único arquivo executável lá e, em seguida, fixe o aplicativo na barra de tarefas ou no menu Iniciar da mesma maneira que faria com qualquer outro aplicativo do Windows.

Prós

• Cria quantos aplicativos e sessões isoladas você quiser
• Sem rastreamento do Chrome ou Edge
• Luz sobre os recursos
• Completamente portátil
• Arquitetura de código aberto

Contras

• Sem interface gráfica do usuário
• Os aplicativos devem ser atualizados individualmente manualmente
• Alguns sites, como os serviços do Google, apresentam problemas de compatibilidade
• Consome mais espaço em disco do que os aplicativos Edge ou Chrome

perguntas frequentes