使用nw.js将网址打包生成exe可安装程序支持xp系统

说明:
查了很多资料,都是将本地代码打包,且都有头无尾,所以将自己的打包经过写一个完整教程。

注:(本文是将网址【例:www.baidu.com】打包成一个可安装的exe文件)

一:安装前准备程序
1:nodejs【作用:nw及npm命令都需要在该环境下运行】

2:nw.js【版本:0.14.7(该版本及以前版本才支持xp系统),作用:将网址打包成可执行程序】

3:Resource Hacker【更换原始图标】

4:Inno Setup【版本:5.*及以下中文版(版本6以上版本不支持win32电脑),作用:将可执行程序打包生成一个exe可安装程序】

二:安装流程
1:下载安装nodejs。
【nodejs下载下载安装即可】

【参考文档:外部教程】
验证:
【node -v】
【npm -v】

2:安装nw.js
执行命令:
【npm install [email protected]
【npm install nwjs-builder-phoenix】

下载nw.js得到一个nw.js文件夹
在nw.js\nwjs-tools\nwjs-sdk-v0.14.7-win-ia32目录下找到或新建package.json文件并修改如下

{
    "name": "test",
    "version": "1.0.0",
    "description": "shelluni test",
    "main": "http://www.test.cn",
    "icon":"logo.icon",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
      "build:nw:all": "build --tasks win-x86,win-x64,linux-x86,linux-x64,mac-x64 --mirror https://dl.nwjs.io/ .",
      "build:nw": "build --tasks win-x86 --mirror https://npm.taobao.org/mirrors/nwjs/ .",
      "serve:nw": "nw"
    },
    "window": {
      "icon":"logo.icon",
      "width": 1600,
      "height": 800,
      "min_width": 1366,
      "min_height": 768
    },
    "build": {
      "icon":"logo.icon",
      "output": "./releases",
      "nwVersion": "0.14.7",
      "nwPlatforms": [
        "win"
      ],
      "nwArchs": [
        "x86"
      ],
      "targets": [
        "zip"
      ]
    },
    "author": "应用程序",
    "license": "ISC",
    "devDependencies": {
      "nw": "^0.14.7-sdk",
      "nwjs-builder-phoenix": "^1.15.0"
    }
  }

    

3:替换图标:
【教程:外部教程】
备注:需替换两处,nw.exe和nw.dll

4:生成可执行程序(cmd切换到nwjs-sdk-v0.14.7-win-ia32目录下)
【npm run serve:nw】运行程序
【npm run build:nw】生成程序

1):生成程序会在nw.js\nwjs-tools\nwjs-sdk-v0.14.7-win-ia32目录下生一个新目录releases

2):releases目录有test-1.0.0-win-x86目录和test-1.0.0-win-x86.zip

3):删除test-1.0.0-win-x86目录下的pnacl和node_modules两个目录(删除无用数据,减少程序大小,目前测试无影响)

5:打包可执行程序
【打包程序下载链接可参考】
【外部教程教程可参考】

1):应用程序主执行文件:nw.js\nwjs-tools\nwjs-sdk-v0.14.7-win-ia32\releases\test-1.0.0-win-x86下的可执行exe程序

2):其他应用程序文件目录:nw.js\nwjs-tools\nwjs-sdk-v0.14.7-win-ia32\releases\test-1.0.0-win-x86

3):安装语言:中文简体或chinese simp

你可能感兴趣的:(前端,node.js,前端)