HTML网页打包成EXE可执行文件

HTML网页打包成EXE可执行文件

1.软件准备

1. NW.js 官网：nwjs.io
2. Enigma Virtual Box 官网：enigmaprotector.com

2.开始操作

1. 首先要有html网页，我以这个为例：
   
   新建：package.json，里面的内容是：
   要根据自己的需求更改！

{
  "main": "index.html", //入口
  "name": "cloud",//字符串必须是小写字母或者数字，可以包含"." 或者"_"或者"-" ，不允许带空格,必须唯一
  "description": "demo app of node-webkit",//描述
  "version": "1.0.0",//版本
  "keywords": [ "demo", "node-webkit" ],//关键字
  "window": {//窗体配置
    "title": "node-webkit demo", //窗体的标题
    "icon": "link.png",//窗体的ico图标
    "toolbar": false,//是否要工具栏
    "frame": true,//bool值。如果设置为false，程序将无边框显示 也就是没有系统默认的关闭，最小化，全屏按钮
    "width": 1000,//窗口的大小
    "height": 800, //窗口的大小
    "position": "mouse", //字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。
    "min_width": 400,//最小宽度
    "min_height": 200,//最小高度
    "max_width": 9999,//最大宽度
    "max_height": 9999,//最大高度
    "as_desktop" :false,//是否作为桌面背景窗口显示
    "resizable":true,//是否允许调整窗口大小
    "always-on-top":true,//窗口是否置顶
    "fullscreen":false,//是否全屏显示 
    "show_in_taskbar":true,//是否显示任务栏图标 
    "show":true, //如果设置为false，启动时窗口不可见
    "kiosk":false //是否使用kiosk模式。如果使用kiosk模式，应用程序将全屏显示，并且阻止用户离开应用
 
},
  "webkit": {
    "plugin": true,//bool值，是否加载插件，如flash，默认值为false。
    "java":false, //bool值 是否加载java applets
    " page-cache":false //是否启用页面缓存
    }
}

选中全部文件，压缩成.zip压缩文件,改后缀为：.nw

接下来再看 NW.js。
下载好的NW.js解压后是这样的：

把刚刚的.nw用nw.exe打开，如果能出现你的网页说明成功了一半。
接下来就是打包成EXE了

2.打包EXE

打开命令提示符，CD定位到nw.exe所在的文件夹，输入:
copy /b nw.exe+你文件的名字.nw 打包之后的文件名字.exe
这里我输入的是：
copy /b nw.exe+Cloud.nw Cloud.exe
可以看到打包之后多了一个Cloud.exe
打开可以看到：
这就完成了。
但是还有一个不足就是，这个exe会调用一些dll。
比如你的网页有视频的话就会用到ffmpeg.dll。

所以，我们最后一步就是把这些dll和exe还有其他东西打包成一个可执行文件。
就用到了Enigma Virtual Box这个软件：

完成！

更简单的方法!!

以上操作对于新手可能有点繁琐，下面来讲一种更简单的方法！

这里推荐一个软件：HTML一键打包工具
这（好像）是作者网站： http://www.krpano.tech/
软件是傻瓜操作，但有些功能要付费

结束！ END