如何將Axure 原型轉換為 exe 桌面文件

0 評論 131 瀏覽 0 收藏 6 分鐘

本文將介紹如何將Axure原型文件轉換為可執行的EXE程序,通過NW.js環境和Enigma Virtual Box工具,實現跨平臺的原型展示。無論是在Windows環境下還是在其他操作系統上,都能輕松運行原型,方便分享和展示。

準備工作

  • Axure 原型
  • 下載 NW.js(官網:http://nwjs.io/)
  • 下載 Enigma Virtual Box(官網:http://enigmaprotector.com/)

Axure 原型變身 EXE 程序三步曲

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

一、準備 NW.js 環境

將下載的 nwjs 的壓縮包進行解壓,解壓后的文件夾內會包含以下這些文件:

二、打包 Axure 原型文件

首先需要在生成的 HTML 文件夾下新建一個 package.json 文件,并且在文件中編輯以下內容:

{

“name”: “nw-demo”,

“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 上進行執行,正常來講是打開一個窗口顯示你之前做好的原型效果。

三、打包成 .exe 文件

這個過程涉及到兩個步驟:

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

備注:路徑記得根據自己的來輸入哈。

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

其中的文件路徑根據實際路徑填寫,這時候會得到一個新的 test.exe 文件,此 .exe 文件在當前文件夾下是可以正常運行的,但是如果向要拷貝到其它地方去運行,則還需要第二次打包操作,也就是接下來要做的事情。

打開之前下載的 Enigma Virtual Box 程序(enigmavb.exe),界面應該是這樣的:

然后在 Enter Input File Name 處選擇上一步生成的 test.exe 文件,Enter Output Name 可以默認;

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

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

本文由 @PM_墨兮 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!