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

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

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的文件,打開它,裡面有三個文件。

① 打開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)查看個人中心

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的使用,這裡筆者就省略了,如果有疑問請在下方留言。

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

題圖來自 Pexels,基於 CC0 協議


分享到:


相關文章: