三步教你原型变身程序

　　Axure原型变身EXE程序三步曲，简单快捷的小窍门。
　　最近在研究如使用H5开发桌面应用，然后就在网上发现了NW。js这样一个好东西，然后经过一番折腾之后，就实现了本文标题说的效果：让Axure原型变身。exe程序，然后就可在任意的Windows平台上运行了（当然还支持跨平台，比如MacOS和Linux）。
　　准备工作
　　Axure原型
　　下载NW。js（官网：http：nwjs。io）
　　下载EnigmaVirtualBox（官网：http：enigmaprotector。com）
　　Axure原型变身EXE程序三步曲
　　1。准备NW。js环境
　　将下载的nwjs的压缩包进行解压，解压后的文件夹内会包含以下这些文件：
　　双击运行nw。exe应该会打开如下的一个窗口，说明已经OK了；如果不OK的话，可以上网搜索关于NW。js的相关问题及解决方法。
　　2。打包Axure原型文件
　　首先需要在生成的HTML文件夹下新建一个package。json文件，并且在文件中编辑以下内容：
　　｛
　　name：nwdemo，
　　main：index。html
　　｝
　　其中index。html根据你生成HTML文件的实际文件名来写，另外package。json还可进行更多的配置来实现一些特定的效果，可上网自行搜索，在这里不做过多的说明。
　　然后将HTML文件和package。json文件一起打成ZIP压缩包，注意打包前的文件应该是像下面这样的目录结构（包含Axure生成的HTML文件和package。json文件），直接对这些文件进行全选打包，不要对这些文件所在的文件夹进行打包。
　　之后再将ZIP压缩包（为了便于说明，我这里用test。zip作为示例）的后缀名。zip修改成。nw，这样就变成了test。nw，然后再将test。nw文件放到nwjs的目录下，拖动test。nw文件到nw。exe上进行执行，正常来讲是打开一个窗口显示你之前做好的原型效果。
　　3。打包成。exe文件
　　这个过程涉及到两个步骤：
　　首先将之前做好的test。nw文件与nw。exe文件打包成一个。exe文件（比如命名为test。exe），具体的操作是在CMD命令行中输入如下命令，
　　copybE：estw。exeE：estest。nwE：estest。exe
　　其中的文件路径根据实际路径填写，这时候会得到一个新的test。exe文件，此。exe文件在当前文件夹下是可以正常运行的，但是如果向要拷贝到其它地方去运行，则还需要第二次打包操作，也就是接下来要做的事情。
　　打开之前下载的EnigmaVirtualBox程序（enigmavb。exe），界面应该是这样的：
　　然后在EnterInputFileName处选择上一步生成的test。exe文件，EnterOutputName可以默认；
　　之后再点击下面的Add按钮，将nwjs文件夹（名称不一定是nwjs，就是最开始第一步NW。js环境的那个文件夹）下除nw。exe和test。nw以及test。exe之外的所有文件加载上，然后点击Process，等待执行成功即可，这时候会在相应的路径下生成一个新的。exe文件（我们暂且叫做newtest。exe），此时的newtest。exe文件即可在任意的Windows环境下运行了，你可以拷贝给你的小伙伴去Show一下。
　　顺便给大家看一下我制作好的一个。exe程序的运行效果，可以看出来，这完全是一个Windows应用程序的窗口，而非浏览器窗口。
　　好了，整个过程算是完成了，总结一下就是Axure原型生成HTML文件后，借助两个工具（NW。js和EnigmaVirtualBox）将其打包成。exe文件，至于这种做法的实际意义是什么，暂且不进行讨论，感兴趣的小伙伴们可以去玩一下。