使用NW将我们开发的网站打包成桌面应用
NW.js 是Node.js 开发的桌面应用打包工具
你可以使用node语言开发桌面应用 我这里只是介绍如何将网站包一个本地应用的壳
NW而且打包了谷歌浏览器 兼容性更好 但骨子里 他还是网站程序
NW.js 下载
下载网址 https://nwjs.io/downloads/
推荐下载 Windows 32-bit 和 Mac OS X 64-bit
不要用win64位 一个是兼容性不好老系统不一定兼容
另外就是win64位打包的软件达到200多M 而32位程序打包后文件大小减少一半
解压文件 创建子项目文件夹
解压后的结构如下: win32版
注意 :这三文件夹不是nw自带的
![](https://box.kancloud.cn/23e5ee6a02496a80dd649eed086dec99_563x433.png)
创建 node.js 项目文件夹
现在我在里面建一个mikkle文件夹
这个文件夹将是我们新的node.js项目文件夹
![](https://box.kancloud.cn/24af87e2bb9a8e714b73ff78985f9b35_427x142.png)
创建NODE项目配置文件
在项目文件中 创建package.json
可以继续使用PHPSTORM 注意编码和格式
这个文件要求苛刻编码utf-8 不能有多余的逗号 不要中文 引号必须双引号
{
"name": "mikkle'snw",
"version": "1.0.0",
"main": "index.html",
"window": {
"width": 1024,
"height": 768,
"title": "mikkle'nw"
}
}
ndex.html 就是你的Node项目的入口文件
当然你也可以用index.js 用node语言开发
创建index.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mikkle'Nw.js</title>
</head>
<body>
<script>
window.location.href = "http://www.mikkle.cn";
</script>
</body>
</html>
就是就是一个简单的跳转
这里你可以根据你的需求开发自己的项目文件
打包项目文件
将项目文件打包成zip格式 并重命名
注意一定进入到项目文件夹打包 mikkle.zip 要包含你的所有NODE项目文件
![](https://box.kancloud.cn/f97443cb863487d8bfe20c3b98e7e5d0_711x450.png)
包一个壳 就俩文件
将zip文件重命名 并copy到主目录
![](https://box.kancloud.cn/4aa9fa9076a4585444a45bad3d826585_650x428.png)
将mikkle.nw拖到nw.exe即可执行
![](https://box.kancloud.cn/049ebad58086c0e88c823b10e80bc07c_1040x807.png)
打包文件mikkle.nw+nw.exe文件
使用win命令行
进入主项目文件夹 执行以下命令
![](https://box.kancloud.cn/62c83a67062845af1724ed6f4ace5292_469x290.png)
copy /b nw.exe+mikkle.nw mikkle.exe
copy /b是打包成二进制文件
nw.exe+mikkle.nw 顺序不要反了
mikkle.exe文件是你要生成的文件名字 随意的 这东西可以改
mikkle.exe文件就可以运行项目了
![](https://box.kancloud.cn/3ab72785293e50e5c89c044acdff4e83_660x466.png)
使用Enigma Virtual Box打包成单体exe
Enigma Virtual Box 下载地址 http://enigmaprotector.com/en/downloads.html
自己下载后并安装运行
![](https://box.kancloud.cn/2f2fc10696380c683eb8f0db26e1a7e1_782x549.png)
选择项目运行文件
Input File Name选择刚才生成的mikkle.exe
Output File Name自动会生成输出文件。你也可以选择不同的输出目录
![](https://box.kancloud.cn/1c76fa93473ea83a2b87d6aeff43f12f_754x141.png)
添加项目附送文件
添加所有把项目文件
![](https://box.kancloud.cn/c37cb3cfaa1a853049623c2842083a1b_1537x622.png)
![](https://box.kancloud.cn/e2de305621a48f538e0d8819b2e71f2e_497x303.png)
注意可以不包括 mikkle目录 mikkle.exe mikkle.nw 和mikkle.exe
点击右下角的"Process"按钮
![](https://box.kancloud.cn/7d8d4ee486c84bbaf5b19774bb91a41e_772x543.png)
最后copymikkle_boxed.exe给顾客即可
![](https://box.kancloud.cn/f3848e2047af5dfd3b457f596653a6d8_1077x663.png)