如何部署Axure原型进行在线协同工作

在日常的工作中，大部分产品经理都是直接将Axure原型打包发给技术、UI、测试等相关人员。对于技术、UI或者测试这些类型的人来说，直接安装和火狐浏览器或者安装个谷歌浏览器插件就能打开了，并不会有很大问题。如果想要更好地协同工作的话，也可以在局域网搭建一个SVN（版本管理工具）来工作，或者在产品经理自己的电脑本地，直接安装Web服务就可以搭建起来，把地址给技术、UI或者测试就可以了。然而，我们在真正进去开发阶段之前，有时候需要领导先行确认才能投入开发。而这就可能出现领导出差或者多地办公的情况，这样就不能按照以上方法来做了。

这时候，或许有的同学会想到Axure官方提供的AxShare。把原型发布到AxShare上面就能够在线查看了。这样做没毛病，就是速度太慢了，领导根本就无法忍受这样的加载速度。AxShare是国外的服务器，在国内打开特别慢。业内也有一些公司嗅到了这样的商机，提供了国内版AxShare（非Axure官方）、某产品*牛的原型托管、还有一个个人论坛也提供了原型上传（自动生成在线浏览的网址）。直接使用这些机构所提供的服务也是一种办法，但是我个人不太赞同这样做。首先，这些服务都是收费的；其次，不安全，容易出现原型泄露的情况（这可是公司机密呢）。特别是某个人论坛（不点名），需要直接上传原型的源文件。

总结一下上面提到的几种方式：①打包发送，直接打开；②局域网共享；③搭建本地网站服务，通过本地地址在局域网内分享；④AxShare在线分享；⑤第三方原型托管方式（国内AxShare、某产品*牛原型托管、某个人论坛原型托管服务等）；⑥自建在线分享（可以是自己的空间服务器或者公司的服务器，建议公司的服务器）。

下面说一下第③⑤这两种方式。这两种方式其实是一样的，只是前者是在局域网中分享的，后者是在公网（互联网）在线分享的。

搭建本地网站服务，可以通过安装微软自带的IIS网络服务，也可以通过第三方软件来实现。直接安装IIS虽然也不难，就是担心一些对技术完全不了解的童鞋把自己搞混，所以这里推荐使用第三方软件来进行傻瓜式操作（这个操作也可以用于以后研究系统产品、后台产品）。我常用的网络环境搭建的第三方软件是——PHPStudy.用这个软件，主要是能够傻瓜式地搭建本地PHP环境。

软件安装好之后，建议重启一下PHPStudy中的服务，然后把生成的Axure原型放到“www”文件夹中（默认路径是：D：/phpstudy/www）。原型的文件夹建议使用英文或拼音命名，避免出错。然后通过ip地址进行访问就可以（xx.xx.xx.xx/你的文件夹名/start.html），该地址可以在局域网内访问。这个时候，你的电脑就相当于一个小型的服务器。如果想要直接使用域名来访问的话，可以通过host重定向来绑定域名（非购买的真实域名），如果想要局域网内的其他伙伴也可以通过域名访问你的原型，则需要在他们的电脑上做host重定向来绑定你的电脑ip。

本地搭建网络环境只能供局域网内的相关人员查看，并不能在线访问。如果将本地换成能够提供公网访问的服务器或者虚拟主机，那么，原型也就能够在线查看了。这里的重点就是“服务器或虚拟主机”，如果想要域名访问，也还需要申请购买真正的域名。

自己申请一个虚拟主机或者使用公司的服务器，也就是相当于搭建一个网站，把原型的Html文件放到这个主机来，再通过域名解析来绑定域名，就可以通过域名来访问了（访问地址——http://你的域名/文件夹名/start.html）。后续可以通过FileZilla等FTP管理工具来上传文件或者删除文件了。

在产品设计完成之后，我们公司一般会将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.0.105/#p=榜单 给同事，在一个局域网就可以完成预览；

图 8 最终效果图

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

---