More Related Content Similar to Electron - Solving our cross platform dreams? (20) More from Chris Ward (19) Electron - Solving our cross platform dreams?8. What is it?
• From GitHub*
• JavaScript as a ‘desktop’
Application
• Version 1.5 released last week
*You might have heard of them
9. Install and Setup
npm install -g electron
npm install electron —save-dev
brew install Caskroom/cask/electron
12. An Electron project
index.html: The web page
rendered by default.
main.js: Starts app and creates
a browser window to render
HTML.
package.json: Lists application
dependencies, meta data and
files needed.
13. main.js
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
var mainWindow = null;
app.on('window-all-closed', function() {
if (process.platform != 'darwin') {
app.quit();
}
});
app.on('ready', function() {
mainWindow = new BrowserWindow({width: 800, height: 600});
mainWindow.loadURL('file://' + __dirname + '/app/index.html');
mainWindow.on('closed', function() {
mainWindow = null;
});
});
15. Packaging
• Create asar archive
• Copy files into Electron app
• Rename, distribute, etc…
• Use 3rd party tool 👍