windows下基于nw浏览器制作(入门)

说明:这一块是在上一家公司离职前了解的,但是产品进度很慢,没有做到这里,我简单了解一下,这里只是做一个最简单的实例。

一、简介

nw.js(node-webkit)的windows环境快速生成可执行exe文件,类似于自己的浏览器一样。nw本身还是有很多其他的深入的东西,此处只是windows操作系统下下最简单的例子。

二、环境工具

1.nw的sdk:nwjs-v0.24.4-win-x64.zip(nwjs开发环境)
官网 https://nwjs.io/
2.Enigma Virtual Box(windows打包的):
官网 http://enigmaprotector.com
3.resourcehacker(关于ico替换的)
官网 http://www.angusj.com/resourcehacker/

三、具体操作

1.书写package.json如:(sdk目录下)

{
  "name": "test",
  "main": "http://www.baidu.com"
}

2.生成.nw文件(sdk目录下)
windows下将需要一起打包的文件(如:index.html、package.json等,这里我没有把main指向一个本地的index.html,只是指向百度)压缩为zip,然后重命名为.nw(如 app.nw)文件即可
注意:这一步简单但是容易错,如果有index.html等或者和我一样就一个.json都一样的,打包的所有文件无父目录
3.生成第一个exe文件(只能在工作环境下运行)
在sdk目录下执行 copy /b nw.exe+app.nw app.exe
注意:这一步也简单 copy /b nw.exe+app.nw app.exe不要把nw.exe+app.nw搞反了哦,反了是不行的哦。
4.替换ico
使用resourcehacker打开刚刚的exe
如图icon group出右击操作,替换ico,然后另存为即可得到新的exe文件

windows下基于nw浏览器制作(入门)_第1张图片

5.打包成可发布exe
使用Enigma Virtual Box,将sdk的子目录拖进来,然后add除了自己用户产生的文件然后process之后就得到可以在windows环境下运行的exe文件

windows下基于nw浏览器制作(入门)_第2张图片

PS:本文只做个人学习记录使用,若有问题请给我留言

你可能感兴趣的:(windows下基于nw浏览器制作(入门))