# 使用NW将我们开发的网站打包成桌面应用
>[info] NW.js 是Node.js 开发的桌面应用打包工具
> 你可以使用node语言开发桌面应用 我这里只是介绍如何将网站包一个本地应用的壳
> NW而且打包了谷歌浏览器 兼容性更好 但骨子里 他还是网站程序
## NW.js 下载
下载网址 https://nwjs.io/downloads/
推荐下载 Windows 32-bit 和 Mac OS X 64-bit
>[danger] 不要用win64位 一个是兼容性不好老系统不一定兼容
> 另外就是win64位打包的软件达到200多M 而32位程序打包后文件大小减少一半
## 解压文件 创建子项目文件夹
解压后的结构如下: win32版
![](https://box.kancloud.cn/ede79a8763bf8ff9e116062567867c5d_607x569.png)
注意 :这三文件夹不是nw自带的
![](https://box.kancloud.cn/40d37d5da00dba80aa3044d522ac6882_617x76.png)
## 创建 node.js 项目文件夹
现在我在里面建一个mikkle文件夹
这个文件夹将是我们新的node.js项目文件夹
![](https://box.kancloud.cn/2a83d5a47129b033d07b528127f54ef9_598x451.png)
## 创建NODE项目配置文件
在项目文件中 创建package.json
可以继续使用PHPSTORM 注意编码和格式
![](https://box.kancloud.cn/b49dee3d3d8903b49d342d38c6602bda_563x433.png)
>[danger] 这个文件要求苛刻编码utf-8 不能有多余的逗号 不要中文 引号必须双引号
~~~
{
"name": "mikkle'snw",
"version": "1.0.0",
"main": "index.html",
"window": {
"width": 1024,
"height": 768,
"title": "mikkle'nw"
}
}
~~~
>[info] ndex.html 就是你的Node项目的入口文件
>当然你也可以用index.js 用node语言开发
>![](https://box.kancloud.cn/7772f865e293aa9e2ad0edf8b269f124_662x243.png)
## 创建index.html文件
~~~
Mikkle'Nw.jswindow.location.href = "http://www.mikkle.cn";
~~~
>[success] 就是就是一个简单的跳转
>这里你可以根据你的需求开发自己的项目文件
>
## 打包项目文件
将项目文件打包成zip格式 并重命名
![](https://box.kancloud.cn/308a7b04bd166d994921952d2a8803d6_619x159.png)
注意一定进入到项目文件夹打包 mikkle.zip 要包含你的所有NODE项目文件
![](https://box.kancloud.cn/21b916cb5d97f52ea2623700635a835d_427x142.png)
包一个壳 就俩文件
## 将zip文件重命名 并copy到主目录
![](https://box.kancloud.cn/1fc0f10948d0e6864033efeff6f0bbc3_711x450.png)
## 将mikkle.nw拖到nw.exe即可执行
![](https://box.kancloud.cn/1b1d0d90d39e2db7d75996968b6d6bf1_650x428.png)
![](https://box.kancloud.cn/7f91fd74b8ec997a9cbe4b9dae215ca8_1040x807.png)
## 打包文件mikkle.nw+nw.exe文件
使用win命令行
进入主项目文件夹 执行以下命令
![](https://box.kancloud.cn/904dde0dc970d894b0a5aa0f9567eaf3_469x290.png)
~~~
copy /b nw.exe+mikkle.nw mikkle.exe
~~~
>[info] copy /b是打包成二进制文件
>nw.exe+mikkle.nw 顺序不要反了
>mikkle.exe文件是你要生成的文件名字 随意的 这东西可以改
## mikkle.exe文件就可以运行项目了
![](https://box.kancloud.cn/0852b95717085dd2bdd0b93f67157974_660x466.png)
## 使用Enigma Virtual Box打包成单体exe
* Enigma Virtual Box 下载地址 http://enigmaprotector.com/en/downloads.html
* 自己下载后并安装运行
![](https://box.kancloud.cn/bcb5a5023cf3c23a38d2a3ca883128ff_782x549.png)
* 选择项目运行文件
>[danger] Input File Name选择刚才生成的mikkle.exe
> Output File Name自动会生成输出文件。你也可以选择不同的输出目录
> ![](https://box.kancloud.cn/f37d65398b5cfa188619585a68857d49_754x141.png)
* 添加项目附送文件
添加所有把项目文件
![](https://box.kancloud.cn/2ffa91d655b0396836304c0d0f1c3f8b_1537x622.png)
![](https://box.kancloud.cn/5f2b0485ff97dce31a8de422710dfbba_497x303.png)
>[danger] 注意可以不包括 mikkle目录 mikkle.exe mikkle.nw 和mikkle.exe
* 点击右下角的"Process"按钮
![](https://box.kancloud.cn/3c186bea098bf591075e6ae1df7d10cb_772x543.png)
* 最后copymikkle_boxed.exe给顾客即可
![](https://box.kancloud.cn/2b406c05b420c9fa994d2c160a87f5a0_1077x663.png)
感谢大家关注 交流请加QQ群 321449759
![](https://box.kancloud.cn/3499008a08e64306c68873288092a057_286x340.png)