Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

node-webkit

No description
by

Salsita Software

on 2 October 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of node-webkit

node-webkit
25.07.2013

Node-webkit = browser + local system
Examples
How it works?
node-webkit best choice for
developing desktop application
... I'm noob in node.js, why it is not work in my browser ?
Answer101: you are not crazy, just use node-webkit
..LOL!....WTF?.... about 100 answers....

Apps written in modern HTML5, CSS3, JS and WebGL.

Complete support for Node.js APIs and all its third party modules.

Good performance: Node and WebKit runs in the same thread: Function calls are made straightforward; objects are in the same heap and can just reference each other;

Easy to package and distribute apps.

Available on Linux, Mac OSX and Windows

Node-webkit Features
First app
$ zip app.nw index.html package.json
$ ./nw app.nw (or for WIN nw.exe app.nw)
Fantastic! Node.js code in your browser app!
Simple menu
Cool! Native system menu from JS code!
webkit-node is webkit-based browser
You can use jquery or angular
Third party libraries/binaries
NPAPI plugins
<a href="C:/sci.pdf" type="application/pdf">sci.pdf</a>
Shell
https://speakerdeck.com/zcbenz/node-webkit-app-runtime-based-on-chromium-and-node-dot-js
Open new node-webkit window
var win = gui.Window.open('local_file.html', {
"new-instance": true
});
Open new node-webkit window
with new node process
Add to package.json "node-remote": "server/*"
Access to node API from remote pages
gui.Shell.openItem('C:/sci.pdf');
Tray example
Tray icon shows OK
Move to node-webkit complex web app
Server-side authentication should be changed to client side auth (OAuth2).
Do nothing, just open url
Use file:// protocol
location.href = 'http://haba.ne.ro';
Complex web app works remotely
Complex web app works locally
var win = gui.Window.open('http://server/remote_file.html');
Fork node process
WIN, Linux, Mac
node.js based desktop app
NPAPI (C++) plugins
web-kit debug tools
Links
https://speakerdeck.com/zcbenz/node-webkit-app-runtime-based-on-chromium-and-node-dot-js
Presentation
https://github.com/rogerwang/node-webkit
Project home
Wiki
https://github.com/rogerwang/node-webkit/wiki
Intel support
automated test (mocha)
npm
Use express.js locally
https://groups.google.com/forum/#!forum/node-webkit
Developer forum
Igor Lobiv,
Salsita
Full transcript