Executando verificação de segurança...
6

🖥 App Desktop TabNews - Transforme qualquer website em app desktop Win/MacOS/Linux

Se você, assim como eu, já acessou algum site e pensou "isso deveria ter um app desktop". Esse post é para VOCÊ!

SEUS PROBLEMAS ACABARAM! hahah...

Meses atrás eu me perguntei o pq o firebase não tinha um cliente desktop, e para minha felicidade, pesquisando um pouco no GitHub, encontrei um projeto que prometia transformar qualquer, QUALQUER website em um App Desktop.

A utilidade desse projeto é maravilhosa!

Apresento a vocês o Nativefier

Como funciona?

O Nativefier é uma ferramenta de linha de comando para criar facilmente um “aplicativo de desktop” para qualquer site com o mínimo de confusão.

Os aplicativos são agrupados pelo Electron (que usa o Chromium debaixo dos panos) em um executável do sistema operacional ( .app, .exe, etc) utilizável no Windows, macOS e Linux.

Recursos do Nativefier:

  • Recuperação automática do ícone/nome do aplicativo

  • Injeção de JS e CSS personalizados

  • Muito mais, consulte API Docs ou nativefier --help

Como instalar?

Instale o Nativefier globalmente com:

npm install -g nativefier


Requisitos:

  • macOS 10.10+/Windows/Linux
  • Node.js ≥ 12.9 e npm ≥ 6.9

Obs: Para mais formas de instalação, consulte Guia de instalação

Como utilizar?

Para criar um aplicativo para o TabNews, basta abrir o terminal em alguma pasta e rodar o comando:

nativefier 'https://www.tabnews.com.br/'


O Nativefier tentará determinar o nome do aplicativo e também outras opções que você pode substituir.

Por exemplo, para substituir o nome default do app, basta rodar:

nativefier --name 'TabNews' 'https://www.tabnews.com.br/'


Leia API Docs ou execute nativefier --help para aprender sobre sinalizadores de linha de comando e configurar seu aplicativo.

Extra

Se por acaso ao gerar o app desktop e ele não captar automaticamente o icone/logo do site.

Basta procurar no google pelo icone/imagem em png, fazer o download, renomear a imagem para icon.png e substituir o arquivo original na pasta PastaDoApp/resources/app.



✨Créditos aos mantenedores e contribuíntes do projeto Nativefier. 🏆🎖


🖖🤖 - VMaitan

Carregando publicação patrocinada...
1
1

Sim, em todas as plataformas o Nativefier cria uma pasta com o app dentro. Para aparecer no menu de aplicativos, temos que ir nessa pasta e adicionar manualmente conforme o SO. 😄

1
1

Obrigado lucascampardo! O melhor de tudo é que, conforme o projeto do site for evoluindo, as alterações serão refletidas no app desktop, ficando sempre atualizado.

E também facilita, não precisando desenvolver um novo cliente só para o desktop 😛