Node + Electron + YeAPF

Saladas são boas. Por isso o título mistura três coisas que já sozinhas são boas.

O node te permite escrever aplicativos do lado do servidor ou do cliente usando a mesma linguagem: JavaScript. Neste vamos usa-lo para criar um aplicativo do lado cliente com técnicas de web (HTML5, CSS3 e JS6). Esta aproximação nos permite ter acesso ao hardware local, coisa que com o navegador é impossível (e esperemos que continue assim)

Já o ElectronJS nos permite empacotar isso tudo e distribuir em multiplataforma. Ou seja, o mesmo código rodando em Windows, Linux, OSX, etc. Seria bom dar uma olhada aqui: https://electronjs.org/docs/tutorial/first-app

YeAPF uniformiza o jeito de acessar a informação, promove melhores padrões de desenvolvimento e permite integrar seu aplicativo com outros.

Aqui há um caminho apenas. Você pode escolher outra forma mas mostramos esta por ser a mais simples – desde nosso ponto de vista – de criar um aplicativo.

Partimos da base que tem o NPM instalado assim como as ferramentas do YeAPF.

Há duas formas de fazer isto. Use a que lhe seja mais conveniente.

Primeira forma: Instalando o YeAPF no final

$ cd ~/Documents
$ mkdir MeuProjeto
$ cd MeuProjeto
$ npm init

Depois modifique o package.json para que main aponte para “main.js”.

Pode tb deixar do jeito que está que electron vai procurar por “index.js”

Depois instale o electron nessa pasta

$ npm install --save-dev electron

Agora coloque o aplicativo de exemplo do YeAPF nele

$ yapp ./ --create --appType electron

Finalmente rode o aplicativo

$ npm start

 

Segunda forma: Começando pelo YeAPF

O mesmo efeito anterior, pode ser obtido com a seguinte sequencia de comandos:

$ cd ~/Documents
$ yapp MeuSegundoProjeto --create --appType electron
$ cd MeuSegundoProjeto
$ npm install
$ npm start

Como proceder daqui em diante?

Se tudo deu certo, você terá um outro aplicativo aberto mostrando o conteúdo do index.html que foi colocado lá pelo YeAPF.

Mantendo ele aberto, você pode modificar o index.html e recarregar o aplicativo sem fecha-lo (ctrl-R, F5, etc) ao final das contas o que vc está rodando é um Chrome.

Se um arrepio correu pelas suas costas, é que vc já entendeu o potencial.

Se nada disso lhe deu nem tchum, talvez não saiba o complicado que é produzir software para mais de uma plataforma e – pior – que rode na primeira. Com um pouco mais de tempo chegará a observar a importância disto.