@king-
2015-05-17T19:22:29.000000Z
字数 1461
阅读 2020
Chrome
web前端开发
个人环境
操作系统:windows 7 64x
node-webkit版本:nwjs-v0.12.1-win-x64
nodejs 版本:0.10.28
相关资源
1. 如何打包node-webkit 应用: https://github.com/nwjs/nw.js/wiki/How-to-package-and-distribute-your-apps
2. node-webkit API目录: https://github.com/nwjs/nw.js/wiki
3. node-webkit package.json配置格式: https://github.com/nwjs/nw.js/wiki/Manifest-format
4. node-webkit 学习中文博客: http://www.xuanhun521.com/?search=node
在windows环境中,使用压缩软件,将开发的内容压缩成一个zip包;
在这里,只需要压缩自己创建的文件就可以,但是必须包含package.json文件
首先需要保证改了后缀名的zip包在node-webkit工具的根目录中
然后在Dos中执行命令: copy /b nw.exe+app.nw app.exe
我们可以在文件目录中看到一个新文件 app.exe
的出现
Enigma Virtual Box
软件将软件再次打包其实,到目前为止,我们的node-webkit工具已经打包好了,但是目前的app.exe并不能当独去分发,他还依赖了目前文件中的其他文件,所以我们有必要将零散的文件也一起打包到一个文件中,这样分发才是合理的。
下载安装软件: Enigma Virtual Box
运行软件,做如下操作:
到目前为止,我们能看到目录中多了一个新文件 app_boxed.exe
这里要注意的是,因为 node-webkit
是一个内嵌chromium的工具,所以为了控制打包压缩后的文件大小,建议不要把无用的文件压缩进去
如图中的:【app.nw
】/【nw.exe
】等文件,同时必须保证 locales
文件夹打包进去,不然分发后运行APP,他会自己在运行的目录中创建 locales
文件夹
现在这个软件我们就可以用于分发了,用户在使用的时候不需要考虑是否有其他文件的依赖,因为他们已经被整合在一个文件中了。
但是这样便不是很完美,APP的图标还是使用了 node-webkit
的logo图标
下载安装软件: Resource Hacker
运行软件,做如下操作:
找到APP的Icon Group文件夹,并选择相应的Icon文件右键,替换你想替换的Icon图标并保存。
这里要注意的是,Icon的图片类型应该是 .ico
的文件,同时应该是一个比较符合相应规格的单张图片或一组图片。
(在替换Icon的时候可能会出现,替换完后APP不能正常打开了,原因可能是 Icon
文件参数与 nodw-webkit
原始的Icon文件不同)
解决办法:
我们可以先把
node-webkit
中的Icon资源保存出来,在这个Icon文件上进行编辑,这样就不会出现APP修改后不能打开的问题了。
这里推荐可以是用 Axialis IconWorkshop 这个是个付费软件,可以试用30天,如果有其他更好的Icon编辑器,那最好不过。
最后我们的一个 node-webkit
应用就打包好了。
下面来看看连个应用