文章主要给大家介绍一下Axure+SVN,按照代码管理的方式来管理我们的产品原型文档。 技术伙伴在访问https://xxxx.axshare.com的原型链接时,是否经常吐槽怎么耗时这么长?在单兵作战的产品经理工作中,是否还在苦恼每次原型修改后,需要反复将rp文件或原型导出文件,重新发送至技术伙伴和UI伙伴?在团队产品工作中,如何解决产品原型文档的版本管理,如何实现多人协作? 今天给大家介绍Axure+SVN,按照代码管理的方式来管理我们的产品原型文档(可以拓展至任何文档)。 一、首先如何本地搭建SVN服务器 如果公司的代码管理使用的是SVN或Git的话,直接让技术部的伙伴帮忙创建文件,然后权限和使用账号密码交付给我们就可以了。笔者使用的是MAC,所以这里介绍的是MACSVN服务器搭建,Windows请访问无所不能的百度。 1. 创建代码仓库 (1)首先打开终端 如果没有使用终端的朋友,可以在下图中找到他们。 (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的文件,打开它,里面有三个文件。 ① 打开svnserve.conf,找到以下的四行: 记住将每行前面的#和空格都删除掉。 ② 打开passwd,在[users]下面添加账号和密码,比如: 账号是stu01,密码是000001。 ③ 打开authz,配置用户组和权限。 我们可以将在passwd里添加的用户分配道不同的用户组里,以后的话,就可以对不同用户组设置不同的权限,没有必要对每个用户进行单独设置权限。在[groups]下面添加组名和用户名,多个用户之间用逗号(,)隔开。 说明john是属于top这个组的,接下来在进行权限配置。使用[/]代表svn服务器的所有资源库。 上面的配置说明top这个组中的所有用户对所有资源库都有读写(rw)权限,组名前面用@。如果是用户名,不用加@,比如:stu01这个用户有读写权限。 如果我想让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)查看个人中心 (3)准备创建项目 (4)创建项目:点击【创建新项目】 点击右上角【创建应用】,Ok我们的应用基本就创建完成了,就还差最后一步,创建我们代码的版本了。 (5)创建版本号 (6)仓库信息 设置安全密码的话,前往个人中心中设置。 (7)使用SVN客户端,这里笔者使用的是第三方工具Cornerstone,你可以根据自己的喜好下载其他的工具。 ① 我们打开Cornerstone ② 新建本地仓库 就是这个仓库地址: 右键点击后,选择【Check OutWorking Copy…】 现在在我们的路径下方,就会看到一个文件 tdemo,点击后会看一个文件夹[1] ③ 现在回到Cornerstone ,我们的仓库下面多出了本地的仓库文件及地址。 ④ 更新我们的仓库中存放的Axure导出页面,以后我们每次在原型文档编辑后,就将页面导出到【1】的文件中,然后更新代码就可以了。 关于Axure的使用,这里笔者就省略了,如果有疑问请在下方留言。