Axure+SVN(服務器搭建+運用),產品經理的硬實力
文章主要給大家介紹一下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 協議
大佬,我們公司代碼管理用的ftp,Axure可以用么?
你好,我是使用者,已經在svn上成功下載了文檔,但是axure里面提示地址錯誤,不知道是什么情況
..
原型圖也需要提交到svn上?
統一回復一下:如果是公司項目,強烈建議在公司服務器部署SVN,Git環境。理由和公司代碼需要內部管理一樣,第三方托管平臺謹慎使用。不建議使用axure share的原因是因為國外服務器,訪問速度很慢,并且使用SVN的話,我們可以統一管理rp的文檔,word文檔等不同格式文件。并且能夠記錄不同用戶的修改記錄,如果出現了問題,還可以回滾至上一個版本。
axhub了解下
axure share