码迷,mamicode.com
首页 > Web开发 > 详细

Node-webkit 介绍

时间:2014-08-25 01:11:33      阅读:353      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   java   os   使用   io   文件   ar   


什么是Node-webkit ?

Node-webkit 是Intel工程师rogerwang写的一个基于node.js和chromium的应用程序运行环境,通过node-webkit,我们可以使用html/javascript/css编写pc桌面应用。

其实可以理解为还是编写web app,但是可以使用node.js的api,最后将整个应用连浏览器打包发布出去。所以它不受平台限制(使用到node.js调用操作系统api除外),一份代码打包到对应平台发布即可,如果有了解过phonegap/cordova,这个node-webkit和它们是很类似的,只是多了node.js这一块。

项目地址:https://github.com/rogerwang/node-webkit

入门Demo

这里介绍使用node-webkit开发一个项目的操作流程。

  1. 下载node-webkit

    https://github.com/rogerwang/node-webkit 下载对应操作系统的文件。解压即可。建议将其添加到环境变量中。

  2. 新建项目

    新建项目文件夹. C:/Users/keith/node/webkitdemo
    新建 package.json

     <!DOCTYPE html>
     <html>
       <head>
         <title>Hello World!</title>
       </head>
       <body>
         <h1>Hello Node-webkit</h1>
             Node.js version: <script>document.write(process.version)</script>.
       </body>
     </html>
    
  3. 运行

    在命令行下:

     npm install node-webkit-builder -g
     cd C:/Users/keith/node/
     nwbuild -p win C:/Users/keith/node/webkitdemo/
     cd build/demo/win/
     ./demo.exe  //运行程序
    

    此时你可以选择直接将编译后的文件夹压缩发布出去,也可以选择再将编译后的文件夹打包为一个exe文件,直接发布这个exe文件,如果要这样做的话需要一个一个工具Enigma Virtual Box,安装之后运行Enigma virtual box
    在Enter Input File Name选择C:/Users/keith/node/build/win/demo.exe文件,再点击下面的add按钮添加C:/Users/keith/node/build/demo/win目录下的所有dll文件和nw.pak,再点击Files Opions,勾选compress压缩文件,最后点击Process,完成。

总结

通过node-webkit可以很方便的开发一些pc桌面应用,再结合node.js又可以开发出很多有趣的东西,比如结合node.js创建本地服务器,操作本地文件等等。可以快速的开发出跨平台应用,不太好的地方就是打包后的应用体积较大,即使压缩后也有3,40M。

Node-webkit 介绍

标签:style   http   color   java   os   使用   io   文件   ar   

原文地址:http://blog.csdn.net/u010373419/article/details/38808711

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!