Tutoriais

Construa aplicativos de desktop hibridos com tecnologias web

0

E aí pessoal hoje venho apresentar e falar um pouco sobre Electron, bom ele e um Framework de código fonte aberto criado e mantido pela GitHub que basicamente serve para criar aplicativos desktop com base em tecnologias web HTML, CSS e JavaScript, ele basicamente utiliza como base o navegador open source Chromium e o integra com Node.js.

E realmente muitos simples e útil para criar aplicativos desktop sendo possível criar todo tipo de aplicação, por exemplo o próprio GitHub usa ele para fazer o Atom seu editor de texto open source, ele também e utilizado para criar o Visial Studio Code da Microsoft, além de outras aplicações caso você esteja curioso em saber como criar uma aplicação com Electron segue aqui um tutorial básico de como criar sua primeira aplicação.

Vou assumir que você já tenha instalado no seu computador o Node.JS e saiba como utilizar o Git.

# Faça um clone do repositório electron-quick-start
git clone https://github.com/electron/electron-quick-start.git

# Acesse a pasta do repositório clonado
cd electron-quick-start

# Execute os dois comandos abaixo
npm install
npm start

Feito isso você já vai ter o projeto quick start do Electron sendo executado em seu computador, porém vamos aprender algo mais, vamos agora ver como compilar esse projeto para execução em qualquer sistema operacional sendo ele Windows, Linux ou Mac.

Primeiramente vamos instalar o pacote electron-packager usando o NPM.

# Comando para instalar o pacote electron-packager usando o NPM
npm install electron-packager -g

Para fazer a compilação do programa e muito simples basta executar o comando colocando as opções corretas segue uma forma básica.

electron-packager sourcedir appname --platform=platform --arch=arch [optional flags...]

Agora vamos entender como devemos preencher esse comando.

  • <sourcedir> = Nessa opção deve ser feito referencia a pasta onde esta o codigo fonte da aplicação.
  • <appname> = Nessa opção deve ser colocado o nome do seu aplicativo.
  • <platform> = Aqui deve ser colocada a plataforma para qual desejamos compilar a aplicação.
  • <arch> = Aqui deve ser colocada  a arquitetura de compilação.
  • [optional flags…] = Essa parte e opcional para opções extras para mais informações basta seguir a documentação do projeto.

Vejamos agora um exemplo de preenchimento caso fossemos compilar essa aplicação para a plataforma Linux de 64 bits.

electron-packager ./ quick-start --platform=linux --arch=x64

Ao executar esse comando ele vai compilar sua aplicação e te entregar uma pasta com o nome da aplicação dentro dela você vai encontrar os arquivos da mesma e o executável binário para linux.

Viu algum erro? Gostaria de fazer uma correção? Por favor comente abaixo!

Rodrigues Costa
Fundador e Editor do itsTech.info, sempre gostou muito de tecnologia e decidiu levar esse gosto para todos através de um site de noticias.

O Google Drive melhora gestão de arquivos duplicados

Next article

You may also like