本文將介紹如何將Axure原型文件轉(zhuǎn)換為可執(zhí)行的EXE程序，通過NW.js環(huán)境和Enigma Virtual Box工具，實(shí)現(xiàn)跨平臺(tái)的原型展示。無論是在Windows環(huán)境下還是在其他操作系統(tǒng)上，都能輕松運(yùn)行原型，方便分享和展示。

準(zhǔn)備工作

• Axure 原型
• 下載 NW.js（官網(wǎng)：http://nwjs.io/）
• 下載 Enigma Virtual Box（官網(wǎng)：http://enigmaprotector.com/）

Axure 原型變身 EXE 程序三步曲

以下是我的Axure原型成功案例效果展示地址：https://eycstw.axshare.com

一、準(zhǔn)備 NW.js 環(huán)境

將下載的 nwjs 的壓縮包進(jìn)行解壓，解壓后的文件夾內(nèi)會(huì)包含以下這些文件：

二、打包 Axure 原型文件

首先需要在生成的 HTML 文件夾下新建一個(gè) package.json 文件，并且在文件中編輯以下內(nèi)容：

{

“name”: “nw-demo”,

“main”: “index.html”

}

其中“index.html”根據(jù)你生成 HTML 文件的實(shí)際文件名來寫，另外 package.json 還可進(jìn)行更多的配置來實(shí)現(xiàn)一些特定的效果，可上網(wǎng)自行搜索，在這里不做過多的說明。

然后將 HTML 文件和 package.json 文件一起打成 ZIP 壓縮包，注意打包前的文件應(yīng)該是像下面這樣的目錄結(jié)構(gòu)（包含 Axure 生成的 HTML 文件和 package.json 文件），直接對(duì)這些文件進(jìn)行全選打包，不要對(duì)這些文件所在的文件夾進(jìn)行打包。

注意：打包應(yīng)該是下面文件在一個(gè)壓縮包中，而不是里面有一個(gè)文件夾再壓縮。

之后再將 ZIP 壓縮包（為了便于說明，我這里用 test.zip 作為示例）的后綴名 .zip 修改成 .nw，這樣就變成了 test.nw，然后再將 test.nw 文件放到 nwjs 的目錄下，拖動(dòng) test.nw 文件到 nw.exe 上進(jìn)行執(zhí)行，正常來講是打開一個(gè)窗口顯示你之前做好的原型效果。

三、打包成 .exe 文件

這個(gè)過程涉及到兩個(gè)步驟：

首先將之前做好的 test.nw 文件與 nw.exe 文件打包成一個(gè) .exe 文件（比如命名為 test.exe），具體的操作是在 CMD 命令行中輸入如下命令，

備注：路徑記得根據(jù)自己的來輸入哈。

copy /b E:\test\nw.exe+E:\test\test.nw E:\test\test.exe

其中的文件路徑根據(jù)實(shí)際路徑填寫，這時(shí)候會(huì)得到一個(gè)新的 test.exe 文件，此 .exe 文件在當(dāng)前文件夾下是可以正常運(yùn)行的，但是如果向要拷貝到其它地方去運(yùn)行，則還需要第二次打包操作，也就是接下來要做的事情。

打開之前下載的 Enigma Virtual Box 程序（enigmavb.exe），界面應(yīng)該是這樣的：

然后在 Enter Input File Name 處選擇上一步生成的 test.exe 文件，Enter Output Name 可以默認(rèn)；

之后再點(diǎn)擊下面的 Add 按鈕，將 nwjs 文件夾（名稱不一定是 nwjs ，就是最開始第一步 NW.js 環(huán)境的那個(gè)文件夾）下除 nw.exe 和 test.nw 以及 test.exe 之外的所有文件加載上，然后點(diǎn)擊 Process ，等待執(zhí)行成功即可，這時(shí)候會(huì)在相應(yīng)的路徑下生成一個(gè)新的 .exe 文件（我們暫且叫做 newtest.exe），此時(shí)的 newtest.exe 文件即可在任意的 Windows 環(huán)境下運(yùn)行了，你可以拷貝給你的小伙伴去 Show 一下。

以下是我的Axure原型成功案例效果展示地址：https://eycstw.axshare.com