[关闭]
@king- 2015-05-17T19:22:29.000000Z 字数 1461 阅读 2020

node-webkit windows环境打包发布流程

Chrome web前端开发


一、 把所有自己的资源压缩成zip包

在windows环境中,使用压缩软件,将开发的内容压缩成一个zip包;
在这里,只需要压缩自己创建的文件就可以,但是必须包含package.json文件

二、 将zip包后缀改为.nw



三、 使用Copy命名打包

首先需要保证改了后缀名的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图标

五、 修改APP的应用图标

下载安装软件: 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 应用就打包好了。
下面来看看连个应用

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注