Nativefier, converta sites em aplicativos de desktop no Ubuntu 18.10

sobre nativefier

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:

instalar npm npm ubuntu 18.10 nativo

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.

criar aplicativo com nantivefier Ubunlog

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:

aplicativo nativo ubunlog liberado

./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:

aplicativo da bandeja do sistema

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

ajuda nativa

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.


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   JOAN dito

    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