node-webkit的get-start

2015-12-03 本文已影响109人 Addy_Zhou

什么是node-webkit

用来做桌面应用；
node+webkit:
node做本地化调用，文件接口、网络接口啦；
webkit解析执行html、javascript；
lunk

get-start

note:以下步骤是在windows环境下，不适用与其他环境

1.下载node-webkit

https://github.com/rogerwang/node-webkit
打开上面链接，找到Downloads小节，下载对应平台的编译包；
我下载的是window版，解压node-webkit

QQ图片20151203102602.png

2.hello world

在node-webkit解压目录，新建example.html,编辑内容如下:

<!DOCTYPE html>
<html>
    <head>
      <title>Hello World!</title>
    </head>
    <body>
       <h1>Hello node-webkit!</h1>
           We are using node.js <script>document.write(process.version)</script>.
    </body>
</html>

在同一级目录下再建一个package.json，内容如下：

{
   "name": "nw-demo",
   "main": "example.html"
}

使用压缩工具把example.html和package.json两个文件压缩成.zip，得到压缩文件example.zip;然后用鼠标把example.zip拖动到nw.exe上运行;

QQ图片20151203103327.png

QQ图片20151203103423.png

3.打包

example的运行，需要node-webkit下的.dll、.pak、nw.exe文件，所以把它们跟example一起打包，使打好的包一键运行；

与nw.exe合并

我们合并example.zip和nw.exe，形成一个新文件，名为example1.exe，这一点我们通过windows的命令行下的copy命令可以实现：
copy /b nw.exe+example1.zip example1.exe

与.dll、.pak合并

首先需要安装一个Enigma Virtual Box 的打包工具，点击以下地址安装
http://enigmaprotector.com/assets/files/enigmavb.exe

启动Enigma Virtual Box，在Enter Input File Name栏选取example1.exe;
在Files框下点击Add,把.dll、.pak文件添加进来；
在Files Options项下选取compress Files(压缩打包)；
点击Process，执行打包，最终获得了一个example1_boxed.exe的文件，就是这个啦；
把它发给你的朋友，让他双击看看；

QQ图片20151203104851.png