Axure+SVN(服務器搭建+運用),產品經理的硬實力

7 評論 16176 瀏覽 75 收藏 13 分鐘

文章主要給大家介紹一下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的使用,這里筆者就省略了,如果有疑問請在下方留言。

 

本文由 @John_Ren 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 大佬,我們公司代碼管理用的ftp,Axure可以用么?

    回復
  2. 你好,我是使用者,已經在svn上成功下載了文檔,但是axure里面提示地址錯誤,不知道是什么情況

    來自浙江 回復
    1. ..

      回復
  3. 原型圖也需要提交到svn上?

    來自上海 回復
  4. 統一回復一下:如果是公司項目,強烈建議在公司服務器部署SVN,Git環境。理由和公司代碼需要內部管理一樣,第三方托管平臺謹慎使用。不建議使用axure share的原因是因為國外服務器,訪問速度很慢,并且使用SVN的話,我們可以統一管理rp的文檔,word文檔等不同格式文件。并且能夠記錄不同用戶的修改記錄,如果出現了問題,還可以回滾至上一個版本。

    來自四川 回復
  5. axhub了解下

    來自安徽 回復
  6. axure share

    來自北京 回復