budapest new tech meetup - node-webkit

8
node-webkit OpenWeb as a packaged app [email protected]

Upload: robert-szaloki

Post on 06-May-2015

309 views

Category:

Software


0 download

TRANSCRIPT

Page 1: Budapest New Tech Meetup - node-webkit

node-webkitOpenWeb as a packaged app

[email protected]

Page 2: Budapest New Tech Meetup - node-webkit

node-webkit● made by intel in 2011● Chromium + node.js● html + css + js ➡ linux, OS X, windows

Page 3: Budapest New Tech Meetup - node-webkit

node-webkit > browser

● user files● low level networking● frameless windows● node.js functions live in the rendering

thread● all script operations as user gesture● global access for local pages

Page 4: Budapest New Tech Meetup - node-webkit

layers

node-webkit app

node.js modulesjade, level, ...

web librariesjQuery, angular, ...

node.js nativecrypto, fs, ...

DOMwindow, GUM, ...

Page 5: Budapest New Tech Meetup - node-webkit

structureapp

package.jsonindex.htmljscssnode_modules

Page 6: Budapest New Tech Meetup - node-webkit

package.json{ "name": "countdown", "main": "index.html", "window": {

"frame": false,"width": 1000,"height": 125,

"title": "final countdown","icon": "link.png","toolbar": true,"position": "mouse","min_width": 400,"min_height": 200,"max_width": 800,"max_height": 600

}, "dependencies": { }}

Page 7: Budapest New Tech Meetup - node-webkit

build/start1. download node-webkit binary2. zip all of your assets

zip -r ../app.nw *

3. startnode-webkit app.nw

4. create a bundle:cat /usr/bin/nw app.nw > app && chmod +x app

Page 8: Budapest New Tech Meetup - node-webkit

Thanks!

Questions?