Conhecendo Electron
Se você consegue criar uma aplicação Web, você consegue criar uma aplicação Desktop.
Desenvolvido pela equipe do GitHub, aberto a comunidade em 2014, Electron é um framework para criação de aplicações Desktop usando tecnologias Web como HTML 5, CSS e JavaScript. Com Electron, NodeJS, Chromium e V8 JavaScript Engine, você pode:
- Exportar para Windows, MacOS e Linux
- Distribuir pela Windows Store e Apple Store
- Acessar o sistema de arquivos
- Usar o ambiente do sistema operacional
Primeiro Contato
No site oficial faça o download do Electron API Demo e veja algumas possibilidades que o Electron oferece, o Quick Start é um começo rápido para o desenvolvimento. Verifique a versão do NodeJS requerida pelo Electron.
No package.json é definido o main.js como o processo principal da sua aplicação, nele será carregado o Electron e onde está definida a criação da janela principal da aplicação.
Temos a definição das constantes app e BrowserWindow, respectivamente a aplicação e o responsável pela criação das janelas. Logo em seguida a declaração global da janela principal da aplicação e da função responsável pela criação da mesma. Em seguida é definido que assim que a aplicação fique pronta a função de criação da janela principal deve ser chamada. As duas funções seguintes são em relação ao OS X, para finalizar a aplicação quando todas as janelas estão fechadas e para quando iniciar a aplicação não recriar a última janela e sim criar a partir da janela principal.
Página em HTML 5 onde está o nosso “Hello World!”. Com isso basta no terminal, dentro da pasta da aplicação, dar o comando npm install para instalar as dependências e npm start para rodar o Electron.
Nos próximos episódios…
- Usando o sistema de arquivos
- Ember
- Banco de Dados