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

参考链接

https://www.jianshu.com/p/072189a3041d

 

在产品设计完成之后，我们公司一般会将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目的不是为了在云服务器保存，只是为了让其他人浏览方便：

图1纠结的上传过程

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

EasyWebSvr使用操作：

1、下载之后解压到任意一个位置，可以是桌面（反正很小不占空间），如图2：；

 

图2 解压之后文件目录

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

 

图3  原型文件放置目录

3、设置EasyWebSvr的文件路径，如图3、图4；

图3  设置原型路径1

 

图4 设置路径2

4、开启服务器，如图5；

图5  开启服务器

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

5、浏览主页，生成原型预览，如图6：

 

                                                        图6 原型预览图

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

图7  ip查询

7、大功告成，发送  http://192.168.100.130/#g=1&p=12315__给同事，在一个局域网就可以完成预览；

 

                                        图 8  最终效果图 

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