文章主要给大家介绍一下Axure+SVN,按照代码管理的方式来管理我们的产品原型文档。

技术伙伴在访问https://xxxx.axshare.com的原型链接时,是否经常吐槽怎么耗时这么长?在单兵作战的产品经理工作中,是否还在苦恼每次原型修改后,需要反复将rp文件或原型导出文件,重新发送至技术伙伴和UI伙伴?在团队产品工作中,如何解决产品原型文档的版本管理,如何实现多人协作?

今天给大家介绍Axure+SVN,按照代码管理的方式来管理我们的产品原型文档(可以拓展至任何文档)。

一、首先如何本地搭建SVN服务器

如果公司的代码管理使用的是SVN或Git的话,直接让技术部的伙伴帮忙创建文件,然后权限和使用账号密码交付给我们就可以了。笔者使用的是MAC,所以这里介绍的是MACSVN服务器搭建,Windows请访问无所不能的百度。

1. 创建代码仓库

(1)首先打开终端

如果没有使用终端的朋友,可以在下图中找到他们。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

Axure+SVN(服务器搭建+运用),产品经理的硬实力

(2)创建代码仓库

① 第一步创建一个svn文件夹,例如:/Users/John/Desktop(桌面目录)下新建SVN文件夹。

命令:mkdir/Users/John/Desktop/Users/John/Desktop这个就是你指定的文件路径(后面相同)。

② 打开新建的svn文件夹。

命令:cd/Users/John/Desktop/svn。

③ 在svn目录下面创建一个仓库,例如:我将这个仓库取名为JohnDemo(建议驼峰命名法,不了解的朋友自行百度)。

命令:svnadmin create FirstDemo。

ok如果回车后没有任何提示,直接回到了可以输入的状态就标明已经创建成功。Good jod。命令执行成功后,就可以开始配置我们自己的SVN了。

2. 配置SVN

打开你的SVN目录下面的JohnDemo文件中,你会发现里面多了几个文件。其中包含一个conf的文件,打开它,里面有三个文件。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

① 打开svnserve.conf,找到以下的四行:

Axure+SVN(服务器搭建+运用),产品经理的硬实力

记住将每行前面的#和空格都删除掉。

② 打开passwd,在[users]下面添加账号和密码,比如:

Axure+SVN(服务器搭建+运用),产品经理的硬实力

账号是stu01,密码是000001。

③ 打开authz,配置用户组和权限。

我们可以将在passwd里添加的用户分配道不同的用户组里,以后的话,就可以对不同用户组设置不同的权限,没有必要对每个用户进行单独设置权限。在[groups]下面添加组名和用户名,多个用户之间用逗号(,)隔开。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

说明john是属于top这个组的,接下来在进行权限配置。使用[/]代表svn服务器的所有资源库。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

上面的配置说明top这个组中的所有用户对所有资源库都有读写(rw)权限,组名前面用@。如果是用户名,不用加@,比如:stu01这个用户有读写权限。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

如果我想让stu02这个用户在JohnDemo中的Stu02Project(这个需要去创建)文件夹里拥有只读权限,参考上一步stu01的设置进行。

上面的JohnDemo是仓库名,后面是仓库里面的文件夹目录,在实际使用过程中,需要根据不同的用户配置不同的文件夹权限。

3. 现在就是见证奇迹的时刻,启动svn服务器

在你的svn目录下面,如果当前目录被你更换了,请回到svn文件夹的目录(例如:我的,在终端输入:cd/Users/John/Desktop/svn)。在终端输入下列指令:svnserve –d –r JohnDemo 没有任何提示说明启动成功了。

4. 关闭svn服务器

如果你想要关闭svn服务器,最有效的的办法打开使用工具里面的“活动监视器”,搜索svn,点击左上角X按钮关闭。

二、使用svn客户端功能

1. 从本地导入代码到svn服务器(第一次导入初始化)

在终端中输入:svn import /User/hehui/Desktop/SvnTest svn://localhost/FirstDemo/SvnTest –username=hehui –password=111111 -m “第一次初始化导入”

这里的/User/John/Desktop/SvnTest是你的工程目录:svn://localhost/FirstDemo/SvnTest是svn服务器中的SvnTest目录,如果是其他主机的服务器,需要将localhost替换成其他主机的ip地址,例如:192.168.1.111。

-m后面双引号里面内容是注释。

2. 从SVN服务器下载代码到本地

在终端中输入:svn checkout svn://localhost/JohnDemo /User/John/Desktop/ZaiZheLi

这里是从svn服务器中将JohnDemo仓库中的所有内容下载到/User/John/Desktop/ZaiZheLi目录中,注意这里的/User/John/Desktop/ZaiZheLi不再是你第一次上传的按个送文件的目录,这是一个本地代码仓库。

3. 提交更改过的代码到svn服务器

在步骤2中已经将服务器端的代码都下载到/Users/John/Desktop/ZaiZheLi目录中,现在修改下里面的一些代码 ,然后提交这些修改服务器。

  • 打开终端,先定位到/Users/John/Desktop/ZaiZheLi目录中,随便修改一下代码,单后提交这些修改。
  • 输入提交指令:svn commit –m“修改了一些代码”,这个指令会将/Users/John/Desktop/ZaiZheLi目录下所有的修改都同步到服务器端。

4. 更新svn服务器代码到本地

在终端中定位到/Users/John/Desktop/ZaiZheLi本地代码仓库,然后在终端中输入svn update。

三、现在我们有了SVN,怎么将我们的Axure导出页面与SVN结合着使用呢?

由于我们在实际使用过程中,多数都是使用公司的服务器环境,现在我就使用新浪SAE(网址:http://www.sinacloud.com,类似于阿里云),来模拟一个项目的使用流程。

(1)首先是登陆新浪SAE,可以使用微博扫码直接登录

(2)查看个人中心

Axure+SVN(服务器搭建+运用),产品经理的硬实力

(3)准备创建项目

Axure+SVN(服务器搭建+运用),产品经理的硬实力

Axure+SVN(服务器搭建+运用),产品经理的硬实力

(4)创建项目:点击【创建新项目】

Axure+SVN(服务器搭建+运用),产品经理的硬实力

Axure+SVN(服务器搭建+运用),产品经理的硬实力

Axure+SVN(服务器搭建+运用),产品经理的硬实力

点击右上角【创建应用】,Ok我们的应用基本就创建完成了,就还差最后一步,创建我们代码的版本了。

(5)创建版本号

Axure+SVN(服务器搭建+运用),产品经理的硬实力

Axure+SVN(服务器搭建+运用),产品经理的硬实力

(6)仓库信息

Axure+SVN(服务器搭建+运用),产品经理的硬实力

设置安全密码的话,前往个人中心中设置。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

(7)使用SVN客户端,这里笔者使用的是第三方工具Cornerstone,你可以根据自己的喜好下载其他的工具。

① 我们打开Cornerstone

Axure+SVN(服务器搭建+运用),产品经理的硬实力

② 新建本地仓库

Axure+SVN(服务器搭建+运用),产品经理的硬实力

就是这个仓库地址:

Axure+SVN(服务器搭建+运用),产品经理的硬实力

Axure+SVN(服务器搭建+运用),产品经理的硬实力

右键点击后,选择【Check OutWorking Copy…】

Axure+SVN(服务器搭建+运用),产品经理的硬实力

现在在我们的路径下方,就会看到一个文件 tdemo,点击后会看一个文件夹[1]

Axure+SVN(服务器搭建+运用),产品经理的硬实力

Axure+SVN(服务器搭建+运用),产品经理的硬实力

③ 现在回到Cornerstone ,我们的仓库下面多出了本地的仓库文件及地址。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

④ 更新我们的仓库中存放的Axure导出页面,以后我们每次在原型文档编辑后,就将页面导出到【1】的文件中,然后更新代码就可以了。

Axure+SVN(服务器搭建+运用),产品经理的硬实力

关于Axure的使用,这里笔者就省略了,如果有疑问请在下方留言。