Buscar

Ferramentas

Electron

Framework para criar programas de desktop para Windows, macOS e Linux com JavaScript, HTML e CSS, juntando Chromium e Node.js num só pacote.

  • Desenvolvimento
Electron

O Visual Studio Code roda em Electron, e o README do projeto usa o editor como exemplo. O framework empacota o Chromium e o Node.js junto com o seu código. Assim, JavaScript, HTML e CSS viram um programa instalável para Windows, macOS e Linux.

Para que serve

  • Transformar uma aplicação web existente num programa com janela própria, ícone e instalador.
  • Acessar arquivos e iniciar processos do sistema pelo Node.js, coisa que uma página no navegador não consegue.
  • Testar ideias pequenas no Electron Fiddle, que roda o experimento em versões diferentes do Electron e também o empacota.
  • Distribuir o mesmo app para Windows 10 ou mais novo, macOS Ventura em diante e as principais distribuições Linux.

Como começar

No tutorial do site, tudo começa numa pasta vazia. Com o Node.js instalado, rode:

npm init
npm install electron --save-dev

No package.json, o ponto de entrada fica como main.js, e o script start chama electron .. Depois disso, npm run start abre a janela do app. O tutorial pede para não seguir esses passos dentro do WSL, no Windows. Na hora de empacotar e publicar, o site lista o Electron Forge entre as ferramentas do projeto.

Licença e custo

Sob a MIT, você pode fechar o código do seu programa e cobrar por ele; só a nota de copyright do Electron precisa viajar junto. O framework não tem plano pago nem edição comercial.

Quando vale a pena

O ganho maior aparece quando já existe um produto web. A versão de desktop sai sem reescrever tudo na linguagem nativa de cada sistema. O preço é o peso: cada app leva uma cópia do Chromium dentro do pacote, e isso aparece no tamanho do download. Se esse tamanho incomoda, o Tauri e o Wails mantêm o frontend web e trocam o backend por Rust e Go, respectivamente.