Node-Webkit打包

midea2 · 发表于 2017-2-24 12:41:49

1.node-webkit是什么？

NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js.

Node-Webkit的运行条件是基于Chromium（谷歌浏览器引擎）和node.js。nw.js使得你可以使用html与js编写本地应用。

*NW.js是Node-Webkit的简称

文档地址：http://docs.nwjs.io/en/latest/

2.下载node-webkit https://github.com/nwjs/nw.js

找到如图：

　　

按需下载。

下载完成后是个

压缩包。解压即可。

然后看到nw.exe文件：

双击运行一下，看是否正常：

黑黑的还是挺酷的!

3.编写第一个示例，这个https://github.com/nwjs/nw.js都有，很简单。直接照着来就行。

4.结合我之前做的nodejs扫描文件，每次ctrl+b嫌麻烦，这里就打成一个包来直接双击运行。

在与nw.exe文件的同目录下，新建一个test文件夹。

里面放着的目录：

app.js：是之前的扫描文件。

package.json:

{
"name":"zqz", //这里的name属性很重要，类似唯一标示。不可少！
"main":"index.html", //窗口要渲染的文件
"nodejs":true, //true,为启用nodejs
"node-main":"app.js", //nodejs的入口文件
"window":{ //简单的设置了一个属性
"width":800,
"height":500
}
}

index.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Frist Web Desk App</title>
</head>
<body>
<h1>扫描切归并成功！</h1>
</body>
<script type="text/javascript" src="app.js"></script>
</html>

步骤一：

将上面三个文件右键压缩成一个以.zip为后缀的文件。

步骤二：将test.zip文件直接copy到与nw.exe同级的文件中

然后直接将test.zip拖拽到nw.exe上。这样可以直接执行。虽然这样方便，但是不酷！所以say no~

步骤三：将nw.exe文件与test.zip文件合并成一个文件

在命令行中进行如图的操作：

nw.exe一定要在test.zip之前！

最后，牛逼的exe生成了！

让我们双击它！

我现在桌面上有很多截图：

当当当当~~~~

桌面干净了！

但是！！我还是觉得不够酷！为什么？因为我想发给别人来装X！哈哈

所以我们可以下载一个这个打包软件：http://enigmaprotector.com/assets/files/enigmavb.exe

Add：选中我们文件夹中除了test文件夹。

然后将我们的scanDeskImg_boxed.exe文件复制到桌面，看看能不能运行成功，如果运行成功，说明你可以尽情的装X了！

**问题一：

我在桌面上第一次运行失败，报需要locales文件夹。

所以我将locales文件copy到桌面，然后就可以了！

可能是我文件中有中文的问题。

问题二：打包后的文件太大：

账号		自动登录	找回密码
密码			立即注册

VMware vcenter+vSphere 6.5 U2共享

【跟谁学】韩宇极简英语课-技术人员不得不

用Zabbix通过JMX方式监控weblogic

winhex数据恢复教程（非常巨大，内容丰富）

Symantec Backup Exec 2015 2016/2012 BE20

NetScaler VPX部署之：NetScaler Gateway调

zabbix3.4.1安装部署+微信推送信息+大屏显

[经验分享] Node-Webkit打包

扫码加入运维网微信交流群