AxShare太慢?試試用Coding+Git來部署原型圖

文章主要分享如何利用Coding+Git來進行原型分享預覽。一起來學學吧。
簡介
目前,把Axure原型圖給別人預覽的方式有如下幾種:
- 通過Axure自帶的功能發(fā)布到AxShare上,訪問速度極慢。
- 原型圖導出html文件,整個文件夾傳給別人,效率極低。
- 新浪SAE+Svn,部署到國內(nèi)服務器,網(wǎng)頁的訪問和響應速度很快。
4. Coding+Git,和上面同理,只是實現(xiàn)方式不同。
本文講解第四種方式實現(xiàn),是因為我更熟悉Git的操作命令,同時推薦Coding.net的原因是它提供一個pages功能,能幫你托管web文件,支持在線瀏覽!就如搭建了一個小網(wǎng)站一樣。
把原型.pr和.html文件托管到遠程倉庫,和程序代碼的托管,思路是一樣的??梢韵到y(tǒng),安全的進行版本控制和管理!
如果你是一名有開發(fā)背景的PM,此處肯定是輕車熟路。
如果你沒有開發(fā)經(jīng)驗,關(guān)于Git的知識可以請教你們的開發(fā)同事,入門成本也不算高。
步驟
前期準備
本地建立文件夾TestProject(文件夾名稱自己定義),把原型圖生成的html存放在里面,作為本地倉庫。
一、注冊Coding
Coding地址:https://coding.net
二、創(chuàng)建項目
項目名稱要和本地文件夾名稱相同。
- 私有:只能自己或制定人看到
- 公開:暴露給他人看
免費版的私有項目創(chuàng)建數(shù)量有限,所有此處我用的公開。
填寫完“名稱”,“描述”,“私有/公有”,就可以直接點擊“創(chuàng)建項目”了。
三、遠程托管
當項目創(chuàng)建成功后,會顯示如下內(nèi)容:
那么此時,依次執(zhí)行以下操作:
- 打開命令行(Windows:win+R后,輸入cmd ? Mac: iterm或者Launchpad-其他-終端)
- 使用liunx操作命令,進入到你的項目文件夾TestProject里 (與coding項目同名的文件夾)
- 執(zhí)行如下命令(不用按照Coding官方要求的git命令):
git init
git add .git commit -m “first commit”
git remote add origin https://….. ? ?(復制https中的鏈接到此處)
git push -u origin master
如果命令行顯示了如下內(nèi)容,既表示遠程倉庫托管成功!
四、開啟Pages服務
部署來源選擇為:master分支,點擊保存后,等待十多秒,會提示部署成功!
把“Coding Pages已經(jīng)運行在..”后面的url鏈接復制下來http://Ygh999.coding.me/TestProject
這就是瀏覽你原型圖的根目錄。
五、通過Coding預覽原型圖
回到代碼中,找到start.html,把它拼到你的根url鏈接后面:
http://Ygh999.coding.me/TestProject/start.html
這就是瀏覽你產(chǎn)品原型圖的HTTP鏈接。
最后
嚴格來講,應該建立兩個工程文件夾,一個是存放原型圖.rp的,一個是存放原型圖.html的,前者通過coding.net來遠程托管,版本控制,后者則是在線瀏覽。
要不是某墻,也用不著這么大費周折,AxShare其實挺好用的…
本文由 @擁抱變化?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
沒看懂,windows+r cmd之后,進入文件夾,輸入git指令,提示’git’ 不是內(nèi)部或外部命令,也不是可運行的程序
或批處理文件。
這一步迷茫了。。根本改不了
這一步該怎么做???是直接修改start.html的名稱。還是點進去修改代碼啊
通過code更改URL顯示文件名有非法字符
很用心啊,可以直接問開發(fā)
已經(jīng)解決了。
請問更新文件后 如何在git里commit 我這里顯示的是stage at 1least before commit?
推薦使用SoureTree進行g(shù)it管理,然后oschina的git應該是不限項目的,但是免費用戶單個項目大小限制在1G,可以建一個項目,然后分文件夾存放就行了,訪問的時候可以 http://域名/項目名稱/項目文件夾/;這樣Git上不會一堆項目那個不知道哪個了;
我給開發(fā)的RP地址:http://zhengwenxiao.oschina.io/hys_rp/fjzl_yunyingxuqiu/
SoureTree是Git的可視化工具,也很推薦。我是命令行用習慣了
SoureTree可以實現(xiàn)本文效果?
一直在用SoureTree,但是page服務需要去web管理界面配置好
確實好用相比其他的管理
你好,sourcetree怎么用?一個不會代碼的產(chǎn)品求教。
直接把文件拉進Coding項目就行了,不用git配置啊
你成功了?
按照文章上沒成功,直接把文件拉進去就行了更簡單
那樣是可以,但是本地文件更新一次,你就要重新拖進去一次。
Git解決的就是,幫你做這些事情,幾個Git命令就搞定啦!
git更新后,瀏覽器還要清除緩存,否則原型還是沒變化吧
這和緩存無關(guān),重點是把本地更新的內(nèi)容,推送到遠程倉庫,這樣通過遠程倉庫看到的,就是最新的原型文件和預覽網(wǎng)頁了。
嗯,知道了,哈哈;特意學了下git ??
求指導
請問我怎么上傳不了文件夾呢
多試幾次就好了,我也是搞了好幾次才成功的
沒成功啊,不知道咋回事
直接把axure生成的源文件上傳進去就行了
嚴重學習了 之前了解過一點gitflow 躍躍欲試了