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

26 評論 35305 瀏覽 126 收藏 5 分鐘

文章主要分享如何利用Coding+Git來進行原型分享預覽。一起來學學吧。

簡介

目前,把Axure原型圖給別人預覽的方式有如下幾種:

  1. 通過Axure自帶的功能發(fā)布到AxShare上,訪問速度極慢。
  2. 原型圖導出html文件,整個文件夾傳給別人,效率極低。
  3. 新浪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)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 沒看懂,windows+r cmd之后,進入文件夾,輸入git指令,提示’git’ 不是內(nèi)部或外部命令,也不是可運行的程序
    或批處理文件。

    來自廣東 回復
  2. 這一步迷茫了。。根本改不了

    來自北京 回復
  3. 這一步該怎么做???是直接修改start.html的名稱。還是點進去修改代碼啊

    來自北京 回復
  4. 通過code更改URL顯示文件名有非法字符

    來自北京 回復
    1. 很用心啊,可以直接問開發(fā)

      來自北京 回復
    2. 已經(jīng)解決了。

      來自北京 回復
  5. 請問更新文件后 如何在git里commit 我這里顯示的是stage at 1least before commit?

    回復
  6. 推薦使用SoureTree進行g(shù)it管理,然后oschina的git應該是不限項目的,但是免費用戶單個項目大小限制在1G,可以建一個項目,然后分文件夾存放就行了,訪問的時候可以 http://域名/項目名稱/項目文件夾/;這樣Git上不會一堆項目那個不知道哪個了;
    我給開發(fā)的RP地址:http://zhengwenxiao.oschina.io/hys_rp/fjzl_yunyingxuqiu/

    來自北京 回復
    1. SoureTree是Git的可視化工具,也很推薦。我是命令行用習慣了

      來自四川 回復
    2. SoureTree可以實現(xiàn)本文效果?

      來自浙江 回復
    3. 一直在用SoureTree,但是page服務需要去web管理界面配置好

      來自北京 回復
    4. 確實好用相比其他的管理

      來自浙江 回復
    5. 你好,sourcetree怎么用?一個不會代碼的產(chǎn)品求教。

      來自北京 回復
  7. 直接把文件拉進Coding項目就行了,不用git配置啊

    來自北京 回復
    1. 你成功了?

      來自天津 回復
    2. 按照文章上沒成功,直接把文件拉進去就行了更簡單

      來自北京 回復
    3. 那樣是可以,但是本地文件更新一次,你就要重新拖進去一次。
      Git解決的就是,幫你做這些事情,幾個Git命令就搞定啦!

      來自四川 回復
    4. git更新后,瀏覽器還要清除緩存,否則原型還是沒變化吧

      來自北京 回復
    5. 這和緩存無關(guān),重點是把本地更新的內(nèi)容,推送到遠程倉庫,這樣通過遠程倉庫看到的,就是最新的原型文件和預覽網(wǎng)頁了。

      來自四川 回復
    6. 嗯,知道了,哈哈;特意學了下git ??

      來自北京 回復
  8. 求指導

    來自天津 回復
  9. 請問我怎么上傳不了文件夾呢

    來自天津 回復
    1. 多試幾次就好了,我也是搞了好幾次才成功的

      來自廣東 回復
  10. 沒成功啊,不知道咋回事

    來自浙江 回復
    1. 直接把axure生成的源文件上傳進去就行了

      來自北京 回復
  11. 嚴重學習了 之前了解過一點gitflow 躍躍欲試了

    回復