web应用打包成exe教程

墨蓝 2022-12-10 14:48 593阅读 0赞

## 工具 ##

nw.js 下载地址：[https://download.csdn.net/download/qq\_37740841/12889739][https_download.csdn.net_download_qq_37740841_12889739]  
innosetup 下载地址：  
[http://www.jrsoftware.org/isdl.php][http_www.jrsoftware.org_isdl.php]

## 教程 ##

1.  解压nwjs-v0.48.3-win-x64，解压目录如下（官网下载没有这两个文件）：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NzQwODQx_size_16_color_FFFFFF_t_70_pic_center]
2.  修改package.json中的main,该为需要打包的web地址

{ 
      "main":"https://www.baidu.com/",
      "name": "baidu",
      "window": { 
        "title": "baidu",
        "icon": "",
        "toolbar": true,
        "width": 1980,
        "height": 1100,
        "min_width": 400,
        "min_height": 200
      },
      "webkit": { 
        "plugin": true,
        "java": false,
        "page-cache": false
      }
    }

1.  执行start.bat,会在同一目录生成app.exe，运行app.exe即可。

## 将app.exe等其它文件一起打包为安装包 ##

1.  下载安装innoset up
2.  指定exe路径及其依赖文件即可

注意事项：生成脚本后要修改：  
\{app\}\\xxx 指定子文件夹  
例如：  
Source: “C:\\Users\\Administrator\\Desktop\\nwjs-v0.48.3-win-x64\\locales\*”; DestDir: “\{app\}\\locales”; Flags: ignoreversion recursesubdirs createallsubdirs  
Source: “C:\\Users\\Administrator\\Desktop\\nwjs-v0.48.3-win-x64\\swiftshader\*”; DestDir: “\{app\}\\swiftshader”;

[https_download.csdn.net_download_qq_37740841_12889739]: https://download.csdn.net/download/qq_37740841/12889739
[http_www.jrsoftware.org_isdl.php]: http://www.jrsoftware.org/isdl.php
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NzQwODQx_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/f755db10154e4d7886f455b79b824bad.png