如何用EasyWebSvr搭建Axure本地访问地址

在产品设计完成之后,我们公司一般会将Axure制作的PRD文档交付UI设计师设计效果图、开发工程师进行接口文档及数据库的设计等,之前增加有过如下几个做法:

1、生成AXURE的文件夹,指导其他成员点击index.html打开;

2、在AXURE6.5版本中,生成.chm(“Compiled Help Manual”的简写)文件格式的文档,发给其他人员;

3、使用Axure官方axureshare(注册后使用),将axureshare的连接发给其他成员;

4、今天我要介绍的,往下看;

(2)这个方法的缺点在于.chm文件经常会出现中文乱码,经过网上方法调整之后,每次重新打开都会乱码,需要继续调整;

(1)(2)同时最大的困难就是对原型的更新,如果有修改得重新打包,很麻烦;

(3)向auxreshare上传会很慢,其他成员打开也慢,如下图-1,但大多数人传到axureshare目的不是为了在云服务器保存,只是为了让其他人浏览方便:

如何用EasyWebSvr搭建Axure本地访问地址_第1张图片
图1纠结的上传过程

这个时候想如果能搭建一个本地的服务器,能快速给同事一个原型预览的链接,而且这样就能很方便的适应原型的修改,那样最爽不过了,当然如果有开发经验的会想到很多服务器比如tomcat等,但是有没有一个不需要安装,下载体积小,切简单粗暴的人选呢?下面就介绍EasyWebSvr,一个80KB的小型服务器(EasyWbeSvr下载地址);

EasyWebSvr使用操作:

1、下载之后解压到任意一个位置,可以是桌面(反正很小不占空间),如图2:;


如何用EasyWebSvr搭建Axure本地访问地址_第2张图片
图2 解压之后文件目录

2、将生成的原型放在EasyWebSvr根目录下的demo之中,如图3所示:

如何用EasyWebSvr搭建Axure本地访问地址_第3张图片
图3  原型文件放置目录

3、设置EasyWebSvr的文件路径,如图3、图4;

如何用EasyWebSvr搭建Axure本地访问地址_第4张图片
图3  设置原型路径1
如何用EasyWebSvr搭建Axure本地访问地址_第5张图片
图4 设置路径2

4、开启服务器,如图5;

如何用EasyWebSvr搭建Axure本地访问地址_第6张图片
图5  开启服务器

(温馨提示:如果开启服务器的时候,提示80端口被占用,请检查是否开启了2个webSvr,或者检查占用80端口的程序)

5、浏览主页,生成原型预览,如图6:

如何用EasyWebSvr搭建Axure本地访问地址_第7张图片

                                                        图6 原型预览图

6、替换电脑名称到自己本地ip,如下图:

如何用EasyWebSvr搭建Axure本地访问地址_第8张图片
图7  ip查询

7、大功告成,发送  http://192.168.0.105/#p=榜单 给同事,在一个局域网就可以完成预览;

如何用EasyWebSvr搭建Axure本地访问地址_第9张图片

                                        图 8  最终效果图 

总结:使用EasyWebSvr这个轻量的服务器用来搭建axure项目供其他人员访问,是一个很方便的方法,同时原型有更新的时候,其他成员只需要刷新之前发给他们的本地连接,就可以更新到新的原型文件,也是一个很高效的合作手段。

你可能感兴趣的:(如何用EasyWebSvr搭建Axure本地访问地址)