说明:
查了很多资料,都是将本地代码打包,且都有头无尾,所以将自己的打包经过写一个完整教程。
注:(本文是将网址【例: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