node-webkit
OpenWeb as a packaged app
robert.szaloki@euedge.com
node-webkit
● made by intel in 2011
● Chromium + node.js
● html + css + js ➡ linux, OS X, windows
node-webkit > browser
● user files
● low level networking
● frameless windows
● node.js functions live in the rendering
th...
layers
node-webkit app
node.js modules
jade, level, ...
web libraries
jQuery, angular, ...
node.js native
crypto, fs, ...
...
structure
app
package.json
index.html
js
css
node_modules
package.json
{
"name": "countdown",
"main": "index.html",
"window": {
"frame": false,
"width": 1000,
"height": 125,
"title...
build/start
1. download node-webkit binary
2. zip all of your assets
zip -r ../app.nw *
3. start
node-webkit app.nw
4. cre...
Thanks!
Questions?
Upcoming SlideShare
Loading in …5
×

Budapest New Tech Meetup - node-webkit

545 views
428 views

Published on

Published in: Software, Technology, Travel
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
545
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Budapest New Tech Meetup - node-webkit

  1. 1. node-webkit OpenWeb as a packaged app robert.szaloki@euedge.com
  2. 2. node-webkit ● made by intel in 2011 ● Chromium + node.js ● html + css + js ➡ linux, OS X, windows
  3. 3. 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
  4. 4. layers node-webkit app node.js modules jade, level, ... web libraries jQuery, angular, ... node.js native crypto, fs, ... DOM window, GUM, ...
  5. 5. structure app package.json index.html js css node_modules
  6. 6. 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": { } }
  7. 7. build/start 1. download node-webkit binary 2. zip all of your assets zip -r ../app.nw * 3. start node-webkit app.nw 4. create a bundle: cat /usr/bin/nw app.nw > app && chmod +x app
  8. 8. Thanks! Questions?

×