標籤:

Axure 7.0 如何發布到自己部署的伺服器?需要什麼樣的伺服器環境,安裝什麼服務軟體?發布路徑和步驟是什麼?


咦。。。昨天寫了篇文章,發現能用上了

原文:產品經理小技術(一):使用新浪SAE發布在線Axure文檔

俗話說,不會寫代碼的產品經理不是好的射雞濕。關於產品經理與技術之間的微妙關係,扯開了講可是長篇大論,比如知乎上這個問題:IT 行業產品經理(尤其是創業的)需要懂技術嗎?懂到什麼程度?,以及這個:產品經理如何與強勢的技術溝通?等等。總而言之,產品最終是完全落實到技術上實現的,而技術的發展可以說是在產品上體現了直接價值,二者結合得越緊密,對整個產品帶來的價值更大,開發效率也會更高。

當然,這不是說讓產品經理會寫代碼會設計演算法,其實在平時工作中,要是產品經理哪怕稍微下意識地提高自己的「技術思維」,不要做一些在技術上看起來「天馬行空隨心所欲」並且再配一句台詞「這麼簡單的功能,很好實現吧」讓人慾哭無淚的台詞,就已經謝天謝地了……

因此,產品經理適度提高「技術熟悉度」,是對整個產品負責的必要。而我根據這幾年工作經驗,發現一些常用技術的掌握對產品人員的思路、效率,以及解決問題的能力,都是有非常大的提高的。

今天來講一下關於Axure在線文檔發布的技巧。一般人們最常見操作,是利用Axure畫好原型圖後,直接按F8導出為HTML文檔,然後大家要麼打包成.rar發郵件給所有干係人,要麼傳到項目協作平台上,甚至直接拿個U盤來Copy……其實大可不必這麼麻煩,一來對接收者不是很方便,先下載然後解壓,再找到index.html來查看;二是隨著版本增多,相關接收者不會像產品一樣能把每個版本管理好,假如兩個月內發了10次文檔,那豈不是文件夾里亂成粥,每次生怕看錯文檔了。

一. 使用Axure官方AxShare平台發布在線文檔(不推薦)

Axure官方提供了一個AxShare發布平台,你可以在設計完後,直接按F6,就能將當前文檔保存到AxShare平台:

按F6或Publish時選擇「Publish to Axure Share」(首次使用需註冊)

你也可以直接登錄AxShare | Host and Share Axure RP Prototypes,然後創建Project,將.rp文件上傳後,即可完工。

發布時也可設置一個密碼來保密。完成後,利用URL(+密碼),就可以隨時通過瀏覽器訪問產品文檔了。

那麼問題來了:既然Axure已經有了,用就行了,為毛還有自己搭建呢?原因是:慢!正常情況那個網頁壓根就打不開好嗎!更別說上傳的龜速了。所以還是自己動手豐衣足食。

二. 使用新浪SAE平台+svn自己搭建(推薦)

先大概了解下SAE(Sina App Engine),你可以理解為一個免費的在線伺服器。因為Axure生成的文檔就是普通的HTML格式,也就是最簡單的靜態網頁,所以完全可以把它上傳到任意一台WEB伺服器上,一個URL就能訪問了。

首先,你需要註冊成為SAE開發者,而且需要手機綁定和實名認證。這一點是有點麻煩,但是一勞永逸,認證後基本上就免費使用了。

然後在SAE控制面板里選擇「創建應用」,我們需要創建一個新的php空應用(理論上HTML文檔是和開發語言無關的,但在可選的PHP、Python和Java里,PHP是最被熟悉,而且不需要應用租金的)

切到此應用下,進入「代碼管理」,並創建一個版本:

接下來就需要上另一個主角:SVN。SVN是Subversion的簡稱,一個開源版本控制系統。但在這裡可以簡單理解為「文檔同步工具」。就是將Axure生成的產品原型上傳到SAE伺服器,從而支持通過瀏覽器訪問。

首先下載TortoiseSVN客戶端,注意最好是1.7.x版本,並且區分32和64位。安裝及漢化之後,在你的硬碟中新建一個日後用來生成Axure原型的目錄(這裡為UE_Online),並右擊選擇「SVN檢出」(Checkout):

完成後,你就發現目錄下多了一個「1」的文件夾(「1」是剛剛在SAE新建的版本號)。現在開始,你就可以每次把新的UE文檔生成在這個「1」目錄下

生成HTML時選擇SVN目錄

接下來就是同步了,在UE_Online文件夾上右擊,選擇「SVN提交」(SVN Submit),然後按照下圖將所有項勾選,點擊「確定」:

因為新生成文件是沒有版本的,所以默認沒有勾選,一般我每次都是全部選擇

上傳完成後,大功告成!你就可以通過「應用地址+文件夾」組成的URL(圖中是:http://ueonline.sinaapp.com/Xiancheng_v1.2_iPhone/)來直接訪問在線文檔了。SAE在國內的速度很不錯,即使是通過移動端,也完全沒有問題。

而後續如果要新建一個文檔,只需在Axure生成文檔時存到SVN目錄下新文件夾里,右擊選擇提交;修改就更簡單了:直接生成覆蓋原文件夾,再次提交即可(還是注意每次提交時變更列表勾選「全部」)。

最後,需要注意的是:目前我這種方法不能做到加密隱藏,所以理論上你的URL被任何人知道都可以訪問。如果非要給這份文檔加個保護的話,在SAE應用管理左側「應用防火牆」里,添加IP白名單,這就足夠安全了吧。

/************產品汪的廣告************/

鮮城:本地吃喝玩樂精選指南(目前支持成都和鄭州,陸續上線大量城市),產品剛誕生,歡迎試用吐槽,拍磚猛批!

關於俺:90後 · 3年產品 · 目前鮮城PM · 微博控 · 知乎水貨 · Android骨灰粉,歡迎交流


AxShare平台一點都不慢呀,我都用了好長時間,甚至手機端訪問都沒問題……新浪這個太麻煩,浪費太多不必要的時間


文件夾上傳到伺服器直接能打開,部分伺服器不支持中文,生成前盡量用英文或拼音命名頁面名稱。


1、按照教程做了可以在手機上打開,問題是上傳速度太慢,axure裡面就一個灰色矩形,這就傳了半天,這要是一整個app,得傳到猴年馬月啊。速度體驗太差。

2、另,大家用axure出手機app原型時,用真實比例的有多少呢?


axure最新版集成了svn上傳功能,在發布到axure時可以選擇配置自己的代理伺服器,這樣直接可以上傳到大家都可以訪問的伺服器中。


我想補充一下:

1. Axure RP pro 7自帶團隊SVN功能, 所以你不需要另外搞一個SVN工具. 直接在"團隊"菜單裡面建立一個團隊項目, 保存到大家都能訪問的共享伺服器上就可以了. 團隊成員需要查看的時候, 直接用本地的Axure添加這個項目就可以打開查看. 如果要編輯, 可以單獨簽出/簽入某個頁面. 很方便的.

2. AxShare主要的好處是它可以支持討論. 用了AxShare以後, 你輸出的html文件打開後會多一個Discuss面板, 可以分頁面記錄討論的信息. 非常方便. 反正這個是免費的, 不用白不用啊.

3. 最強大的是: 以上說的討論功能, 並不需要你上傳rp或發布html文件到AxShare! 你只要在AxShare上建一個空項目, 獲得一個ID. 在發布html文檔的時候, 在發布配置的最後一欄, 輸入那個ID, 就可以用討論功能了! 而且你把這個發布的html任意拷貝給別人都沒問題, 討論都是同步的. 實際上原理是:只有討論的內容是存在雲端的, 而每一個文檔備份之間的討論都是通過ID同步的. 相當NB的功能, 而且是免費的!!


換墨刀吧,給個鏈接就行,還支持手機端查看,貴的就是好


不知道你的目的是什麼,僅僅是為了方便保存原型的話,可以發布到axshare(快捷鍵 F6),並且還可以生成鏈接,可供別人查看生成之後的原型;如果是為了團隊協作,想創建一個團隊項目,讓大家都可以編輯這個原型,可以用svn來達成你的目標,具體的配置很簡單,不會可自行度娘。


可以看axure的官網教程:http://www.axure.com/learn/axshare/website-hosting-tutorial


感謝邀請。

很抱歉,我也沒進行過這樣的操作。

但是,Axure生產的文件基本上都為html後綴的文件,你用FTP把所有的文件上傳到你的伺服器上應該可以在瀏覽器中打開的。當然,以上是我的估計。

因為條件的原因,我沒有辦法親自去進行一次這樣的操作。如果有好的方法,望題主或其他朋友也告知我一下。表示感謝!


安裝apache就可以,將生成的html放置到某個路徑下,在httpd.conf配置一下,指向你的路徑。


一般都是直接生成html頁面,然後直接訪問。


感謝邀請。

很抱歉,我同樣也沒有實際的操作經驗。

但是,在我看來,通過axshare直接上傳只是集成了ftp的上傳過程,所以自己建伺服器通過各種ftp上傳更新維護html文件理論上是一樣的。

只能說這麼多,希望有實際操作經驗的朋友給與幫助和提示。


推薦閱讀:

怎樣用axure做圖片自動播放?
哪裡有較好的製作自己的Axure庫的教程?
AXURE插件在 Chrome 瀏覽器中用不了怎麼辦?
用Axure 能夠做出的最難的交互效果是什麼?
如何用axure6.5做出手機側邊欄效果?

TAG:Axure |