作爲一名產品經理,不懂一些技術,都不好意在程序猿面前說自己是產品狗。
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),如需轉載,請聯繫原作者。