No próximo artigo, daremos uma olhada no Nativefier. Já falamos sobre esta ferramenta neste mesmo blog faz algum tempo. Neste post vamos ver como podemos instalar e usar no Ubuntu 18.10 para converter uma página da web em um aplicativo nativo.
Existem muitos motivos para desejar um aplicativo nativo para um site. Eles geralmente funcionam muito bem, além de terem alguns recursos que as pessoas esperam de um aplicativo de desktop. Em geral, cabem bem em mesas Gnu / Linux graças à sua configuração ao criá-los.
Instale Nativefier no Ubuntu 18.10
Nativefier é um aplicativo NodeJS que roda em Gnu / Linux e outros sistemas operacionais que podem rodar o Node. Este programa não chega instalado por padrão em nenhuma distribuição principal. Por este motivo, teremos que ver como configurar NativeFier, antes que seja possível iniciar a conversão de sites em aplicativos de desktop para Gnu / Linux.
Instale o NPM
Nativefier depende muito da linguagem de programação NodeJS. Por este motivo, vamos instale este gerenciador de pacotes, chamado NPM, com o qual deve ser suficiente.
Pára instale o NPM em nosso Ubuntu 18.10, só teremos que abrir um terminal (Ctrl + Alt + T) e escrever nele:
sudo apt install npm
Instale Nativefier
Quando o gerenciador de pacotes NodeJS está instalado e funcionando em nossa máquina, devemos usá-lo para instalar o Nativefier. Faremos isso abrindo um terminal (Ctrl + Alt + T) e usando o comando npm da seguinte maneira:
sudo npm install nativefier -g
Aviso: instalar Nativefier sem sudo pode causar problemas.
Converter sites em aplicativos
Nativefier funciona gerando um quadro de elétrons com base na URL que você recebe da linha de comando. Para criar um aplicativo nativo Gnu / Linux usando um site da Web, basta seguir estas etapas:
- Etapa 1 → Encontre o site para o qual deseja criar um aplicativo. Assim que tiver um site no navegador, realce o URL com o mouse e clique com o botão direito nele. Selecione a opção 'copiar'.
- Etapa 2 → Na janela do terminal, use Nativefier para gerar um aplicativo básico, colando o url que você acabou de copiar. Neste artigo, usaremos o mesmo site.
nativefier -p linux -a x64 -n ubunlog https://ubunlog.com
- Etapa 3 → Nativefier incluirá a URL em um aplicativo de elétrons. É importante prestar atenção ao terminal ao gerar o aplicativo. Se aparecer um erro, pressione a combinação de teclas Ctrl + C e execute o comando novamente.
- Etapa 4 → Quando Nativefier terminar de gerar o aplicativo, você deve atualize as permissões antes de poder usá-lo. Para definir as permissões, execute os seguintes comandos no terminal:
cd *-linux-x64 sudo chmod +x *
- Etapa 5 → Execute seu aplicativo elétron personalizado com:
./ubunlog
Opções de aplicativos personalizados
Nesta seção da postagem, revisaremos brevemente algumas das opções que Nativefier tem. Isso permitirá que o usuário crie um aplicativo de desktop melhor.
Nota: todas as opções podem ser escritas ao mesmo tempo. Não há limite de quantos são usados ao mesmo tempo.
Na bandeja do sistema
Você quer permitir fazer com que o aplicativo apareça na bandeja do sistema? Tente gerar o aplicativo com a opção –tray:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray
Full Screen
Deseja que seu aplicativo possa ser iniciado em tela inteira? Usos a opção 'tela inteira' no seguinte comando para habilitá-lo:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen
Comece maximizado
posible es forçar nossa aplicação de elétrons a sempre começar maximizada. Para obtê-lo, você só precisa usar a opção 'maximizar' no comando para criar o aplicativo:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize
Ativar FlashPlayer
É possível ter um aplicativo web baseado em Flash. Felizmente, Nativefier tem uma maneira de carregar plugin flash adobe. Teremos apenas que adicionar a opção 'flash' ao comando que estamos usando:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash
Sempre acordado
Você quer sua aplicação de elétrons ignora as regras do gerenciador de janelas e sempre aparece acima de tudo o resto? Prova a opção 'sempre no topo' ao compilar com Nativefier:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top
Mais opções de configuração
nativefier --help
A ajuda de Nativefier para nos mostrar o diferentes opções que podemos usar para configurar nossos aplicativos. Poderemos encontrar mais informações sobre esta ferramenta em seu Repositório GitHub.
npm ERR! Erro de typeerror: Argumento obrigatório # 1 ausente
npm ERR! typeerror em andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3)
npm ERR! typeerror em fetchPackageMetadata (/usr/share/npm/lib/fetch-package-metadata.js:51:22)
npm ERR! typeerror em resolveWithNewModule (/usr/share/npm/lib/install/deps.js:456:12)
npm ERR! typeerror em /usr/share/npm/lib/install/deps.js:457:7
npm ERR! typeerror em /usr/share/npm/node_modules/iferr/index.js:13:50
npm ERR! typeerror em /usr/share/npm/lib/fetch-package-metadata.js:37:12
npm ERR! typeerror em addRequestedAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:82:5)
npm ERR! typeerror em returnAndAddMetadata (/usr/share/npm/lib/fetch-package-metadata.js:117:7)
npm ERR! typeerror em pickVersionFromRegistryDocument (/usr/share/npm/lib/fetch-package-metadata.js:134:20)
npm ERR! typeerror em /usr/share/npm/node_modules/iferr/index.js:13:50
npm ERR! typeerror Este é um erro do próprio npm. Relate este erro em:
npm ERR! erro de digitação
npm ERR! Inclua o seguinte arquivo com qualquer solicitação de suporte:
npm ERR! /home/joan/npm-debug.log
AJUDA