將Axure原型部署到Github上預覽

作爲一名產品經理,不懂一些技術,都不好意在程序猿面前說自己是產品狗。

Axure作爲主流的原型設計工具,但在演示原型時卻是硬傷。將原型發佈到Axure服務端後,頁面預覽加載太慢,不方便團隊協同。

Github的出現,解決了原型預覽的問題。此外Github作爲一個面向開源及私有軟件項目的託管平臺,將原型部署到Github,讓原型也有了版本控制的概念,方便提交新版本或回退到歷史版本。

爲了幫助產品經理掌握這一技能,我用GitHub Desktop客戶端和Git命令行兩種操作方式,教你如何將Axure原型部署到Github,實現鏈接快速預覽。

1、安裝註冊

首先安裝GitHub Desktop和Git,然後在https://github.com註冊個人賬戶。

2、創建倉庫

打開GitHub Desktop客戶端,點擊New repository,填寫基本信息後,點擊Create repository創建倉庫。

進入當前目錄後,在git-bash終端運行git init,初始化一個Git倉庫,會生成一個.git目錄。

3、克隆倉庫

打開GitHub Desktop客戶端,選擇一個在Github上創建的倉庫,克隆到本地目錄。

在git-bash終端運行git clone https://github.com/zhuxuemin/PMLink ,會在當前目錄下創建一個名爲PMLink的目錄,其中包含一個.git的目錄,用於保存所有版本記錄。

4、發佈原型

在Axure點擊發布生成HTML文件到該目錄,若適配手機預覽,要單獨設置原型的尺寸。

5、提交文件

打開GitHub Desktop客戶端,點擊當前倉庫,會顯示文件已修改,然後輸入備註信息,點擊Commit to master按鈕,最後Push到服務端的倉庫。

在git-bash終端運行git add pmlink.txt,添加文件到緩存區。若添加當前目錄下的全部文件,可以使用“git add .”。再運行 git commit -m "zhuxuemin" ,提交文件到本地倉庫,並備註提交說明。此外,運行git push -u origin master可將本地的master分支推送到origin主機。

6、配置Pages

在Github訪問當前倉庫,點擊Setting後進入頁面,往下拖動到GitHub Pages,將Source設爲master branch,點擊保存後回到GitHub Pages,可以看到自定義域名和 HTTPS 都生效了。

7、預覽原型

複製原型地址後,在瀏覽器端直接粘貼訪問,就可以快速預覽原型。

8、常用命令

若想對Git進行查看提交歷史,撤銷提交操作,添加遠程倉庫、更新遠程文件、移動倉庫文件、創建私鑰公鑰等,需要掌握其它命令。

如果你不是技術出身的產品經理,想掌握Github預覽Axure發佈文件這一技能,建議邊看邊操作,千萬別碎片化閱讀。



本文首發於微信公衆號 產品經理朱學敏(ID:pm_zhuxuemin),如需轉載,請聯繫原作者。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章