分享一个对于入门级的产品经理来说非常实用的一个小技巧——使用新浪SAE发布在线Axure文档。
使用Axure制作原型和PRD文档的同学都知道,如果要将制作好的原型给公司其他同事查看,常规的做法是将原型生成HTML文件,然后将文件夹打包为压缩文件发送给其他同事或上传至SVN等协作平台,网络上关于这个题目有几篇文章,但是大都不能够照顾到入门的产品经理们,因此结合我自己的使用体验,将如何使用新浪SAE发布在线Axure文档详细说明一下。
先介绍下使用到的几个工具:
新浪SAE(SinaAppEngine)在此可以简单的理解为一个免费的在线服务器,开发者可以将自己的程序部署在服务器上,然后就可以到相应的服务器上去访问,在此我们的做法是将HTML文件上传至WEB服务器,然后会生成一个指向该HTML的URL(通俗点说就是浏览器中的地址),我们只需将该URL发送至同事,复制该URL然后在浏览器中打开便可以直接访问原型。
SVN(Subversion)是一个版本管理工具,常用于软件开发项目中,实现代码、文档等的历史版本保存、共享和权限管理。在此可以简单的理解为一个文档同步工具。
然后正式开始我们发布在线Axure的步骤:
注册SAE
到网站连接 - 新浪云计算 使用新浪微博账号登陆并注册成为SAE用户。
创建应用
登陆成功后在右上角的控制台选择“云应用SAE”,然后在控制面板里面选择创建应用,输入域名、应用名称,运行环境选择PHP空应用。
创建版本
创建成功后,进入“代码管理”,代码管理方式选择SVN,在代码管理下选择“创建版本”,输入版本号(这里是“1”)、安全密码后版本创建成功。
安装、配置SVN
下载链接百度云升级,按照引导一步一步安装,安装成功后重启电脑,然后在桌面空白处(也可以在其它磁盘里右键)点击右键,你会发现多出了“SVN Checkout”和“TortoiseSVN”两个选项,然后在你的硬盘中新建一个日后用来生成Axure原型的目录(这里为demo10086),并右击选择“SVN检出”(SVN Checkout),会弹出如下窗口:
URL of repository项输入你创建的应用的SVN仓库地址:
checkout directory项输入上面创建的用来生成Axure原型的文件夹的目录,然后点击ok进行创建,会弹出如下窗口:
输入你的SVN仓库信息中的用户名和安全密码,这里注意密码并不是微博密码:
设置成功以后点击“ok”,等待Check out完成,再次点击ok,打开之前创建的用于生成原型文件的文件夹,便会发现多了一个“1”(1是刚刚在SAE创建的版本号)的子文件夹,
以后使用Axure编辑完原型后便可以直接生成在此文件夹中,但是注意不是直接生成在“1”下,而是将HTML文件生成在“1”下的子文件夹中,如图中的“demo”,
生成后如下图:
然后右键选中“demo10086”文件夹,选择“SVN commit”,再点击下图中的“All”,点击“ok”,等待提交完毕,
上传成功后便可以通过“应用链接+生成原型的文件夹”组成的URL访问,
应用链接
生成原型的文件夹
此处URL便是“http://1.demo10086.applinzi.com/demo/”,将URL发送给其它同事,通过该URL便可以直接在线访问原型了,当原型需要更新维护时,编辑完原型后只需要重新生成在“demo”文件夹中即可,URL不变,但是可能会出现其它同事看不到原型修改的问题,你只需要提醒他们清除下浏览器缓存再次打开URL即可。