# 使用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文件 ~~~ <!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> ~~~ >[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)