如何将Axure 原型转换为 exe 桌面文件
准备工作
- 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_墨兮不随大流,不刻意前卫,不标新立异,不局限,不颓废,很积极,很难得
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!