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

Node webkit-meetup

Jul 12, 2015

Download

Technology

EU Edge
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Node webkit-meetup

node-webkitOpenWeb as a packaged app

[email protected]

Page 2: Node webkit-meetup

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

Page 3: Node webkit-meetup

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: Node webkit-meetup

layers

node-webkit app

node.js modulesjade, level, ...

web librariesjQuery, angular, ...

node.js nativecrypto, fs, ...

DOMwindow, GUM, ...

Page 5: Node webkit-meetup

structureapp

package.jsonindex.htmljscssnode_modules

Page 6: Node webkit-meetup

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: Node webkit-meetup

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: Node webkit-meetup

Thanks!

Questions?