【nw.js】使用nw.js将html页面打包成exe免安装程序

文章目录

  • 一、批处理zip命令(已有可跳过此步骤)
  • 二、nw.js包
  • 三、使用批处理命令打包成exe可执行文件
  • 四、使用EnigmaVB打包成免安装可独立运行的exe文件
  • 五、结束

一、批处理zip命令(已有可跳过此步骤)

  1. 下载zip,你可以到该网址下载zip执行文件,如下图:
    【nw.js】使用nw.js将html页面打包成exe免安装程序_第1张图片

  2. 将文件路径配置到环境变量中,具体操作如下:
    右键计算机——>属性——>高级系统设置——>高级——>环境变量——>系统变量——>找到path,双击——>新建——>将所在路径添加进去(如:“F:\zip”包含进环境变量),之后点击确定就可以了。

二、nw.js包

下载地址:nwjs-v0.82.0-win-x64.zip,将需要打包的资源目录(如下图app目录)放到nw根目录同级
【nw.js】使用nw.js将html页面打包成exe免安装程序_第2张图片
app目录包含三部分,如下图:

  1. dist打包文件目录(由批处理自动生成)
  2. src资源文件目录
  3. build-src-to-dist.bat批处理文件
    【nw.js】使用nw.js将html页面打包成exe免安装程序_第3张图片

三、使用批处理命令打包成exe可执行文件

1.编写build-src-to-dist.bat文件内容,文件内容如下:

:: 重置dist目录
rd dist
mkdir dist

:: 切换目录
cd src

:: 把需要打包的资源打个名为zip的压缩包,注意外面不用套文件夹
zip app.zip 2.jpg 9.jpg index.html package.json

:: 重命名zip文件为nw文件
ren *.zip app.nw

:: 把文件移动到上级目录中
move app.nw ../../nwjs-v0.82.0-win-x64/app.nw

:: 向上一级目录
cd ../../nwjs-v0.82.0-win-x64

:: 执行nw打包命令
copy /b nw.exe+app.nw AutoLottery1.1.exe

:: 移动到dist中
move AutoLottery1.1.exe ../app/dist/AutoLottery1.1.exe

:: 删除nw文件和exe文件
del app.nw
del AutoLottery1.1.exe

:: 结束
pause

  1. 双击build-src-to-dist.bat文件,执行批处理,结束后会在dist目录中会生成.exe文件。注意:此时的.exe文件依赖外部dll文件才能运行!

四、使用EnigmaVB打包成免安装可独立运行的exe文件

EnigmaVB下载地址:Enigma Virtual Box,如下图:
【nw.js】使用nw.js将html页面打包成exe免安装程序_第4张图片

  1. 选择待封包的.exe主程序到下图1;
  2. 选择拖拽除.nw文件(已经通过批处理删除)和主程序.exe文件之外的全部内容到下图2;
  3. 鼠标点击下图2处的空白处(注意:必须点!!!必须点!!!必须点!!!原因未知。);
  4. 执行封包,如下图3;

如有疑问,请参考详细教程链接

【nw.js】使用nw.js将html页面打包成exe免安装程序_第5张图片

五、结束

此时在封包另存目录就会有一个比之前的.exe体积更大的.exe文件,这个文件可以移动到任何位置双击直接使用。

你可能感兴趣的:(javascript,html,开发语言)