The slides for the Electron workshop at Shanghai HACK×FDU.
ᵭতԟᖫٟELECTRONଫአELECTRON WORKSHOP 2016 SHANGHAI
View Slide
ELECTRON WORKSHOPىԭ౯▸ ᩶౮▸ ڠ᭜ԧElectronຝ▸ ࣁGitHubૡ֢▸ ཻᬨىဳғhttps://github.com/zcbenz
ELECTRON WORKSHOPᬯེWORKSHOPጱፓຽ▸ ԧᥴElectronጱचᏐᎣᦩ▸ ൫ୌঅᖫٟElectronଫአጱሾह▸ ԟElectronଫአጱचຝ▸ ᛔ૩ᖫٟӞӻElectronଫአ
ELECTRON WORKSHOP▸ Electronݢզਖ਼ᗑᶭ۱౮ໟᶎଫአ▸ ֵአChromium֢ԅක▸ رᦜࣁᗑᶭӾֵአNode.js▸ ׀ԧӞॺJavaScript APIӨᔮᕹԻՋԍฎELECTRON
ELECTRON WORKSHOPग़ᬰᑕຝԆᬰᑕᗑᶭ ᗑᶭ … … …
ELECTRON WORKSHOPֵአNODE.JSഴګݱӻᬰᑕԆᬰᑕᗑᶭ … … …Node.jsNode.jsNode.jsᗑᶭ Node.js
ELECTRON WORKSHOPᗑᶭԏᳵፘᵍᐶ҅ԆᬰᑕᗑᶭአIPC᭗מԆᬰᑕᗑᶭ … … …Node.jsNode.jsNode.jsᗑᶭ Node.jsIPCᬰᑕᳵ᭗מ
ELECTRON WORKSHOPਞᤰELECTRONጱٵ॓ૡ֢▸ ਞᤰNode.js▸ ਥᗑғ https://nodejs.org/en/▸ Ӿࢵ᳒؟ғ https://npm.taobao.org/mirrors/node/v6.7.0/
ELECTRON WORKSHOPਞᤰELECTRONnpm config set registry https://registry.npm.taobao.orgset ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/npm install -g electron▸ Ӿࢵ᳒؟ӥғ https://npm.taobao.org/mirrors/electron/1.4.3/▸ ᘏեᤈӥғ
ELECTRON WORKSHOPELECTRON
ELECTRON WORKSHOPӥQUICK START▸ https://github.com/electron/electron-quick-start▸ ӥZIPկғ
ELECTRON WORKSHOPQUICK START೫
ELECTRON WORKSHOPQUICK START
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.js{"name":"electron-quick-start","version":"0.0.1","main":"main.js"}ଫአጱݷᑍଫአጱᇇଫአጱفݗկ
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.jsconst electron = require('electron')const app = electron.appconst BrowserWindow = electron.BrowserWindowlet mainWindowfunction createWindow () {mainWindow = new BrowserWindow({width: 800,height: 600})mainWindow.loadURL(`file://${__dirname}/index.html`)mainWindow.webContents.openDevTools()}app.on('ready', createWindow)አElectronཛྷࣘ
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.jsconst electron = require('electron')const app = electron.appconst BrowserWindow = electron.BrowserWindowlet mainWindowfunction createWindow () {mainWindow = new BrowserWindow({width: 800,height: 600})mainWindow.loadURL(`file://${__dirname}/index.html`)mainWindow.webContents.openDevTools()}app.on('ready', createWindow)ؙਂᑻݗጱݒᰁ
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.jsconst electron = require('electron')const app = electron.appconst BrowserWindow = electron.BrowserWindowlet mainWindowfunction createWindow () {mainWindow = new BrowserWindow({width: 800,height: 600})mainWindow.loadURL(`file://${__dirname}/index.html`)mainWindow.webContents.openDevTools()}app.on('ready', createWindow)ڠୌӞӻᑻݗ
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.jsconst electron = require('electron')const app = electron.appconst BrowserWindow = electron.BrowserWindowlet mainWindowfunction createWindow () {mainWindow = new BrowserWindow({width: 800,height: 600})mainWindow.loadURL(`file://${__dirname}/index.html`)mainWindow.webContents.openDevTools()}app.on('ready', createWindow)ࣁᑻݗٖف୮ڹፓ୯ӥጱindex.html
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.jsconst electron = require('electron')const app = electron.appconst BrowserWindow = electron.BrowserWindowlet mainWindowfunction createWindow () {mainWindow = new BrowserWindow({width: 800,height: 600})mainWindow.loadURL(`file://${__dirname}/index.html`)mainWindow.webContents.openDevTools()}app.on('ready', createWindow)ݎᘏૡٍ
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.jsconst electron = require('electron')const app = electron.appconst BrowserWindow = electron.BrowserWindowlet mainWindowfunction createWindow () {mainWindow = new BrowserWindow({width: 800,height: 600})mainWindow.loadURL(`file://${__dirname}/index.html`)mainWindow.webContents.openDevTools()}app.on('ready', createWindow)ࣁଫአفਠ౮ڠୌᑻݗ
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.jsHello World!We are using node<br/>document.write(process.versions.node)<br/><br/>require('./renderer.js')<br/>
ELECTRON WORKSHOPELECTRONଫአጱचᕮquick-startpackage.jsonmain.jsindex.htmlrenderer.js // ᬯӻկ᯾ᶎՋԍ᮷ဌํ֦҅ݢզࣁᬯ᯾ᶎֵአNode.jsጱAPI
ELECTRON WORKSHOP۱ELECTRONଫአ▸ ਞᤰelectron-packagerғnpm install -g electron-packagerelectron-packager . --platform=win32 --arch=x64 —version=1.4.3▸ ۱
ᨀᨀ