如何使用新浪SAE+SVN发布在线Axure文档

分享一个对于入门级的产品经理来说非常实用的一个小技巧——使用新浪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即可。