Embed Size (px)
Citation preview
Electron JSPrimeiros passos
Quem sou?
Raphael Porto@raphaelpor
Cofundador da Desenvolvedor na Concrete solutions
Lithium
O que é o Electron?Framework para criar aplicações desktop, usandotecnologias web como HTML, CSS e JavaScript.
Do que é feito?io.js + Chromium
Quem usa?
Instalaçãonpm install ‐g electron‐prebuild
Estrutura do Projetoelectrontestapp/ package.json main.js index.html
package.json "name" : "electrontestapp" "version" : "0.1.0", "main" : "main.js"
index.html<!DOCTYPE html><html> <head> <meta charset="utf8"> <title>Olá Mundo!</title> </head> <body> <h1>Olá mundo!</h1> <small> io.js <script> </script> <br> Electron v<script> </script> <br> <script> </script> </small> </body></html>
document.write(process.version)
document.write(process.versions['electron'])
document.write(process.platform)
main.jsvar app = require('app');var BrowserWindow = require('browserwindow');
require('crashreporter').start();
var mainWindow = null;
app.on('windowallclosed', function() if (process.platform != 'darwin') app.quit(); );
app.on('ready', function() mainWindow = new BrowserWindow(width: 800, height: 600);
mainWindow.loadUrl('file://' + __dirname + '/index.html');
mainWindow.on('closed', function() mainWindow = null; ););
Conheça mais- Electron Adventures
- Awesome Electron
- Electron website
