php 开发桌面应用,使用NW将开发的网站打包成桌面应用

# 使用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.js

window.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)

你可能感兴趣的:(php,开发桌面应用)