多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
使用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)