文章主要給大家介紹一下Axure+SVN，按照代碼管理的方式來管理我們的產(chǎn)品原型文檔。

技術(shù)伙伴在訪問https://xxxx.axshare.com的原型鏈接時，是否經(jīng)常吐槽怎么耗時這么長？在單兵作戰(zhàn)的產(chǎn)品經(jīng)理工作中，是否還在苦惱每次原型修改后，需要反復(fù)將rp文件或原型導(dǎo)出文件，重新發(fā)送至技術(shù)伙伴和UI伙伴？在團隊產(chǎn)品工作中，如何解決產(chǎn)品原型文檔的版本管理，如何實現(xiàn)多人協(xié)作？

今天給大家介紹Axure+SVN，按照代碼管理的方式來管理我們的產(chǎn)品原型文檔（可以拓展至任何文檔）。

一、首先如何本地搭建SVN服務(wù)器

如果公司的代碼管理使用的是SVN或Git的話，直接讓技術(shù)部的伙伴幫忙創(chuàng)建文件，然后權(quán)限和使用賬號密碼交付給我們就可以了。筆者使用的是MAC，所以這里介紹的是MACSVN服務(wù)器搭建，Windows請訪問無所不能的百度。

1. 創(chuàng)建代碼倉庫

（1）首先打開終端

如果沒有使用終端的朋友，可以在下圖中找到他們。

（2）創(chuàng)建代碼倉庫

① 第一步創(chuàng)建一個svn文件夾，例如：/Users/John/Desktop（桌面目錄）下新建SVN文件夾。

命令：mkdir/Users/John/Desktop/Users/John/Desktop這個就是你指定的文件路徑（后面相同）。

② 打開新建的svn文件夾。

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

③ 在svn目錄下面創(chuàng)建一個倉庫，例如：我將這個倉庫取名為JohnDemo（建議駝峰命名法，不了解的朋友自行百度）。

命令：svnadmin create FirstDemo。

ok如果回車后沒有任何提示，直接回到了可以輸入的狀態(tài)就標(biāo)明已經(jīng)創(chuàng)建成功。Good jod。命令執(zhí)行成功后，就可以開始配置我們自己的SVN了。

2. 配置SVN

打開你的SVN目錄下面的JohnDemo文件中，你會發(fā)現(xiàn)里面多了幾個文件。其中包含一個conf的文件，打開它，里面有三個文件。

① 打開svnserve.conf，找到以下的四行：

記住將每行前面的#和空格都刪除掉。

② 打開passwd，在[users]下面添加賬號和密碼，比如：

賬號是stu01,密碼是000001。

③ 打開authz，配置用戶組和權(quán)限。

我們可以將在passwd里添加的用戶分配道不同的用戶組里，以后的話，就可以對不同用戶組設(shè)置不同的權(quán)限，沒有必要對每個用戶進行單獨設(shè)置權(quán)限。在[groups]下面添加組名和用戶名，多個用戶之間用逗號(,)隔開。

說明john是屬于top這個組的，接下來在進行權(quán)限配置。使用[/]代表svn服務(wù)器的所有資源庫。

上面的配置說明top這個組中的所有用戶對所有資源庫都有讀寫（rw）權(quán)限，組名前面用@。如果是用戶名，不用加@，比如：stu01這個用戶有讀寫權(quán)限。

如果我想讓stu02這個用戶在JohnDemo中的Stu02Project（這個需要去創(chuàng)建）文件夾里擁有只讀權(quán)限，參考上一步stu01的設(shè)置進行。

上面的JohnDemo是倉庫名，后面是倉庫里面的文件夾目錄，在實際使用過程中，需要根據(jù)不同的用戶配置不同的文件夾權(quán)限。

3. 現(xiàn)在就是見證奇跡的時刻，啟動svn服務(wù)器

在你的svn目錄下面，如果當(dāng)前目錄被你更換了，請回到svn文件夾的目錄（例如：我的，在終端輸入:cd/Users/John/Desktop/svn）。在終端輸入下列指令：svnserve –d –r JohnDemo 沒有任何提示說明啟動成功了。

4. 關(guān)閉svn服務(wù)器

如果你想要關(guān)閉svn服務(wù)器，最有效的的辦法打開使用工具里面的“活動監(jiān)視器”，搜索svn，點擊左上角X按鈕關(guān)閉。

二、使用svn客戶端功能

1. 從本地導(dǎo)入代碼到svn服務(wù)器（第一次導(dǎo)入初始化）

在終端中輸入：svn import /User/hehui/Desktop/SvnTest svn://localhost/FirstDemo/SvnTest –username=hehui –password=111111 -m “第一次初始化導(dǎo)入”

這里的/User/John/Desktop/SvnTest是你的工程目錄：svn://localhost/FirstDemo/SvnTest是svn服務(wù)器中的SvnTest目錄，如果是其他主機的服務(wù)器，需要將localhost替換成其他主機的ip地址，例如：192.168.1.111。

-m后面雙引號里面內(nèi)容是注釋。

2. 從SVN服務(wù)器下載代碼到本地

在終端中輸入：svn checkout svn://localhost/JohnDemo /User/John/Desktop/ZaiZheLi

這里是從svn服務(wù)器中將JohnDemo倉庫中的所有內(nèi)容下載到/User/John/Desktop/ZaiZheLi目錄中，注意這里的/User/John/Desktop/ZaiZheLi不再是你第一次上傳的按個送文件的目錄，這是一個本地代碼倉庫。

3. 提交更改過的代碼到svn服務(wù)器

在步驟2中已經(jīng)將服務(wù)器端的代碼都下載到/Users/John/Desktop/ZaiZheLi目錄中，現(xiàn)在修改下里面的一些代碼 ，然后提交這些修改服務(wù)器。

• 打開終端，先定位到/Users/John/Desktop/ZaiZheLi目錄中，隨便修改一下代碼，單后提交這些修改。
• 輸入提交指令：svn commit –m“修改了一些代碼”，這個指令會將/Users/John/Desktop/ZaiZheLi目錄下所有的修改都同步到服務(wù)器端。

4. 更新svn服務(wù)器代碼到本地

在終端中定位到/Users/John/Desktop/ZaiZheLi本地代碼倉庫，然后在終端中輸入svn update。

三、現(xiàn)在我們有了SVN，怎么將我們的Axure導(dǎo)出頁面與SVN結(jié)合著使用呢？

由于我們在實際使用過程中，多數(shù)都是使用公司的服務(wù)器環(huán)境，現(xiàn)在我就使用新浪SAE（網(wǎng)址：http://www.sinacloud.com，類似于阿里云），來模擬一個項目的使用流程。

（1）首先是登陸新浪SAE,可以使用微博掃碼直接登錄

（2）查看個人中心

（3）準(zhǔn)備創(chuàng)建項目

（4）創(chuàng)建項目：點擊【創(chuàng)建新項目】

點擊右上角【創(chuàng)建應(yīng)用】，Ok我們的應(yīng)用基本就創(chuàng)建完成了，就還差最后一步，創(chuàng)建我們代碼的版本了。

（5）創(chuàng)建版本號

（6）倉庫信息

設(shè)置安全密碼的話，前往個人中心中設(shè)置。

（7）使用SVN客戶端，這里筆者使用的是第三方工具Cornerstone，你可以根據(jù)自己的喜好下載其他的工具。

① 我們打開Cornerstone

② 新建本地倉庫

就是這個倉庫地址：

右鍵點擊后，選擇【Check OutWorking Copy…】

現(xiàn)在在我們的路徑下方，就會看到一個文件 tdemo,點擊后會看一個文件夾[1]

③ 現(xiàn)在回到Cornerstone ，我們的倉庫下面多出了本地的倉庫文件及地址。

④ 更新我們的倉庫中存放的Axure導(dǎo)出頁面，以后我們每次在原型文檔編輯后，就將頁面導(dǎo)出到【1】的文件中，然后更新代碼就可以了。

關(guān)于Axure的使用，這里筆者就省略了，如果有疑問請在下方留言。

本文由 @John_Ren 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Pexels，基于 CC0 協(xié)議