Download as PDF, PPTX
![Embed native module with nw-gyp
Same as node-gyp, but you need install nw-gyp.
$ npm install -g nw-gyp
binding.gyp: {
"targets": [
{
"target_name": "foo",
"sources": [ "foo.cc" ]
}
]
}
$ nw-gyp configure --target=0.8.5 # nw version
$ nw-gyp build](https://image.slidesharecdn.com/node-webkit-140325200430-phpapp02/75/node-webkit-Make-a-magic-from-your-a-desktop-app-to-desktop-app-19-2048.jpg)
Uploaded by욱진 양
node-webkit : Make a magic from your a desktop app to desktop app!
Node-Webkit is an application runtime that enables the creation of desktop applications using web technologies like Chromium and Node.js. It allows developers to package their web apps into native applications for multiple platforms by following a simple three-step process. Additional features include support for native modules, basic window functions, and embedding libraries for enhanced functionality.
More Related Content
Similar to node-webkit : Make a magic from your a desktop app to desktop app!
![Vibe Coding vs. Spec-Driven Development [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/vibecodingvsspecdrivendevelopment-251209105622-43f455e7-thumbnail.jpg?width=640&height=640&fit=bounds)
node-webkit : Make a magic from your a desktop app to desktop app!
- 1. Node-webkit An magic ofMake desktop app from your Web app.
- 2. 양욱진 (Ukjin Yang) http://hazard.kr ukjinplant@msn.com https://github.com/composite 프리랜서개발자는 어떻게 웁니까? 프프 하고 웁니다.
- 3. Node-webkit an app runtimebased on Chromium and node.js.
- 4. 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h1>HelloWorld!</h1> We are using node.js <script>document.write(process.version)</script>. </body> </html> 1 2 3 4 { "name": "nw-demo", "main": "index.html" } Index.html Package.json
- 5. Works on… Windows (32bit) Mac (32 bit, 10.7+) Linux (32/64 bit)
- 6. Node-webkit Background Createdby Roger Wang. Supported by Intel Open Source Technology Center. Open sourced at github on Dec’ 7 2011. 11,184 Stars, 1,007 Watches, 1,197 Forks. Keep going updates, many communications, more showcases.
- 7.
- 8. node-webkit Support Node.js Backend Chromium Front-end jade underscore global graceful jQuery bootstrap Dojo Ext.js Thirdparty libraries Native module via nw-gyp net crypto fs process Built-in
- 9. Node-webkit built-in UIfeatures Frameless window In-app Menu File dialogs Tray Kiosk mode Shell execute Basic window functions (minimize, maximize, etc.) Transparent window not supported perfectly yet.
- 10.
- 11. How to makea my app? 3 step easy develop a your app.
- 12. 1. Make yourweb app Just make like a web site.
- 13. Need a node.jsmodules? Just type (ex: jade) /path/to/your/app$ npm install jade Bower works too.
- 14. 2. package.json You mustmake this file for define your node-webkit app.
- 16. 3. RUN yourapp! Node-webkit will cast a magic of make desktop app from your web app.
- 17. How to runyour app? Zip your app path, and rename extension to .nw Or keep it. You can run app with your app folder. And type it: $ nw /path/to/your/app Note for windows users: just drag your app path or zip file into nw.exe
- 18. How to makeself executable app? Windows $ copy /b nw.exe+app.nw app.exe (note: when deploy, you must ship your app with “nw.pak” and “icudt.dll”.) (If you using video or audio, ffmpegsumo.dll will required.) (“libEGL.dll” and “libGLESv2.all”files will support WebGLin your app.) Mac OS X $ cp app.nw node-wiki.app/Contents/Resources And you need to modify following files to make a real distributionof yours: Contents/Resources/app.icns: icon of your app. Contents/Info.plist: the apple package description file. Linux $ cat /usr/bin/nw app.nw > app && chmod +x app (note: when deploy, you must ship your app with “nw.pak”.) (If you using video or audio, libffmped.so will required.)
- 19. Embed native modulewith nw-gyp Same as node-gyp, but you need install nw-gyp. $ npm install -g nw-gyp binding.gyp: { "targets": [ { "target_name": "foo", "sources": [ "foo.cc" ] } ] } $ nw-gyp configure --target=0.8.5 # nw version $ nw-gyp build
- 20. Snapshot Experimental feature. Secure your js source but too slow, and not perfectly run. apply only one snapshot file per app. $ nwsnapshot --extra_code foo.js foo.bin In package.json: . . . "snapshot": "foo.bin“ . . .
- 21. Node-webkit IDE featureon Intel XDK http://software.intel.com/en-us/blogs/2013/09/06/why-intel-xdk-new
- 22. Other node.js webkitframeworks App.js DeskShell Brackets-shell Sencha Desktop – NOT FREE. NOT SUPPORT MANY FEATURES.
- 23.
- 24. Making business app?It’s possible! exclude excel feature yet. https://github.com/composite/NodePlatform
- 25. Any questions? I haveNO idea.
- 26. Tank you. Yes. that’sjust a spelling error here. But I’ll not fix because I’m a ANGRY DEVELOPER! 끇 Click image to view a author image.