如何将Axure 原型转换为 exe 桌面文件

PM_墨兮
0 评论 384 浏览 1 收藏 6 分钟
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

本文将介绍如何将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. 目前还没评论,等你发挥!
专题
31139人已学习11篇文章
来看看别人家是怎么做产品优化的。
专题
15366人已学习12篇文章
逻辑图是用图标符号、说明文字以及连接线等,形象化地表达复数要素之间的相互作用关系。本专题的文章分享了如何绘制逻辑图。
专题
55845人已学习20篇文章
产品上线后冷启动怎么做最有效?这是产品经理和运营必须要了解的。
专题
12240人已学习14篇文章
随着科技的发展,AI技术渗透进各个行业里边,AI图像生成和识别技术有了更大的突破性,本专题的文章分享了AI图像识别。
专题
70383人已学习13篇文章
什么是产品的商业模式,不同类型的产品在商业模式上有什么区别?