SlideShare a Scribd company logo

Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)

•
•
E
Eddie Lau

This document introduces Node-Webkit, which allows developers to create desktop applications using JavaScript, HTML, and CSS. Node-Webkit packages Node.js and Webkit to build executable applications for Windows and Mac. While the initial packaging was clumsy, the Grunt-Node-Webkit-Builder tool now simplifies building and testing updated Node-Webkit applications. Developing cross-platform desktop apps traditionally requires different technologies like Java Swing and is difficult, but Node-Webkit enables using a single code base for desktop apps.

1 of 24
Download to read offline
Native Desktop App with Node-Webkit ! (Javascript, HTML, CSS) Eddie Lau @tatonlto github.com/3dd13
I love Web App
Centralized Easy to deploy Cross-platform Single-code-base (if there is no IE)
But
Sometimes Desktop App! is better than Web App
One click installer No server No internet Native functionality (actually … HTML5 & Chrome App can do most too !)
But, but
single-code-base cross-platform Desktop App development is …
DAMN HARD
Raise hand if you have written any Java Swing
so … few months ago I saw Node-Webkit https://github.com/rogerwang/node-webkit
^___^
Node-Webkit build a .exe / .app which contains Node.js & Webkit
what does that mean ?
Node.js! allows you to write Desktop program! using JS
Webkit! allows you to write Desktop App UI! using! HTML, CSS & JS
the packaging was clumsy though ! https://github.com/rogerwang/node-webkit/wiki/How-topackage-and-distribute-your-apps (height of packaging documentation === 5 * window.height)
Have to zip everytime to test updated .app
T__T
yesterday I saw Grunt-Node-Webkit-Builder https://github.com/mllrsohn/grunt-node-webkit-builder
grunt
(^^)/
Demo https://github.com/3dd13/sample-nw
Questions ? Eddie Lau @tatonlto github.com/3dd13

More Related Content

Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)