給開發(fā)人員看原型,一個(gè)鏈接就夠了

52 評(píng)論 79666 瀏覽 265 收藏 5 分鐘

在產(chǎn)品汪日常的工作中,少不了和猿猿們溝(si)通(bi),而且現(xiàn)在越來越多的產(chǎn)品汪喜歡用Axure寫需求文檔,但是問題來了,不管是寫好的文檔還是畫好的原型都需要拿給猿猿們看。據(jù)不知明數(shù)據(jù)統(tǒng)計(jì),猿猿們?cè)陂_發(fā)前期對(duì)文檔和原型了解越多,后期和汪汪們產(chǎn)生撕逼的幾率就越小。所以今天給搭建分享一下,我最近用到的一個(gè)方法。

下載phpstudy,并將axure生成的html文檔存放在 apache服務(wù)器中,通過局域網(wǎng)內(nèi)的ip地址,發(fā)送給局域網(wǎng)內(nèi)的同事。

說起來挺復(fù)雜的,跟著我的步驟來一遍,其實(shí)很簡(jiǎn)單。

一、下載phpstudy

該程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安裝,無須配置即可使用,是非常方便、好用的PHP調(diào)試環(huán)境。

用到phpstudy主要是要將產(chǎn)生的html文件放置到apache服務(wù)器中。

下載鏈接:Phpstudy ?http://rj.baidu.com/soft/detail/17836.html?ald

安裝過程就不一一介紹了,主要是這一步:選擇www文件的安裝路徑,請(qǐng)記?。篧WW這個(gè)文件夾不要重命名。

1

WWW文件夾存放路徑

這是之后Axure畫好的原型生成的html文件存放的路徑。請(qǐng)記住。

二、查看本機(jī)ip

在上一步的操作中已經(jīng)將www文件安置好了。接下來就是查看本機(jī)的ip地址

按住win+R,左下方彈出,輸入cmd執(zhí)行。

2

輸入cmd

就進(jìn)入到命令行的輸入界面,如下:

3

輸入:ipconfig,點(diǎn)擊回車。出現(xiàn)以下界面,我們需要的是IPv4的地址,記住它。

4

三、Axure生成html文件

是的,到了這一步,就回到了我們熟悉的Axure了。

打開axure,選擇右側(cè)的“發(fā)布”——》生成html文件

5
選擇第一步的文件夾WWW路徑下,存放到指定的文件夾中。(筆者是將生成的html全部存放在teamBuild中)。

6

然后就可以在瀏覽器中打開,地址欄輸入為:ip/文件夾名。比如我的就是192.168.X.X/teamBuild

也可以將這個(gè)地址發(fā)送給其他同事看。如果有需要修改的地方,修改完畢之后再重新點(diǎn)擊一下發(fā)布——生成html,同事那里看到的鏈接也會(huì)同步到最新的。

注:1.每次需要開啟phpstudy。其實(shí)就是點(diǎn)擊一下“啟動(dòng)”就可以了,否則同事那里不能訪問。

7

2.如果端口有沖突需要修改端口,php默認(rèn)的是80端口,可以修改為其他端口。修改之后地址欄改為ip:端口/文件夾名。我的就是192.168.X.X:8090/teamBuild。一般情況下應(yīng)該是不需要的。

8

好的,今天的教程就到這里了,如果你還有其他的方法,希望可以告訴我。我是愛技術(shù)的產(chǎn)品汪~

 

作者:浩程君。簡(jiǎn)書:七光年。從事電商產(chǎn)品,裝X能力不行,所以我選擇走技術(shù)流,很無奈^(* ̄(oo) ̄)^。

本文由 @浩程君 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. iis都不會(huì)用,難怪開發(fā)會(huì)吐槽我們水

    來自廣東 回復(fù)
  2. 我這怎么就是不能實(shí)現(xiàn)和你一樣的效果啊,還需要下載什么軟件嘛?

    回復(fù)
  3. 請(qǐng)問一下,因?yàn)闉g覽器緩存問題, 開發(fā)人員看不到原型修改后發(fā)布的更新,這種問題怎么處理比較好?(希望有不用每次都清緩存的方法)

    來自湖南 回復(fù)
    1. 別覆蓋,新建一個(gè)名字不一樣的文件夾,比如 原型 v1.0.1

      來自廣東 回復(fù)
  4. 通常我會(huì)用XAMPP ??

    來自浙江 回復(fù)
  5. 杠精真多,心疼作者

    來自廣西 回復(fù)
  6. 為什么沒有mac版的軟件支持就好了

    來自上海 回復(fù)
  7. 為什么操作步驟都沒有錯(cuò)。但是輸入IP/文件名之后 網(wǎng)頁打不開呢

    來自北京 回復(fù)
  8. 是摩客原型托管

    來自四川 回復(fù)
  9. 頂一下,我也在用默克原型托管,我是Sketch,上傳后非常方便,還有密碼保護(hù),是上傳的文件更安全,還可以郵件群發(fā)。不錯(cuò)不錯(cuò)不錯(cuò)~~

    來自四川 回復(fù)
  10. IIS

    來自北京 回復(fù)
  11. 有個(gè)卵用,Axure直接生成HTML文件了

    來自北京 回復(fù)
    1. 群發(fā)一份然后你幫所有人裝axure瀏覽器插件?如果改了再群發(fā)一遍?帶腦噴。

      來自上海 回復(fù)
  12. 這個(gè)跟SVN有什么區(qū)別嗎

    來自廣東 回復(fù)
  13. 這種方式依賴你的電腦,你電腦關(guān)機(jī)別人就無法訪問了。而且只能內(nèi)網(wǎng)可以訪問,回到家里就看不了了。 我覺得最好的方式是購(gòu)買個(gè)axure中國(guó)服務(wù)器~

    來自福建 回復(fù)
  14. 新浪SAE+SVN,就差不多了!

    來自上海 回復(fù)
    1. 你喜歡在線的可以試試git+sourcetree。我寫的是本地環(huán)境。

      來自新加坡 回復(fù)
  15. 這個(gè)東西太有用了,哈哈。

    來自廣東 回復(fù)
  16. 不用這么麻煩,直接讓開發(fā)搭建個(gè)內(nèi)網(wǎng)FTP,供產(chǎn)品上傳原型即可,因?yàn)楹竺嬖头浅6啵赃@個(gè)是必不可少的。

    來自浙江 回復(fù)
    1. 下個(gè)phpstudy,查下ip,就OK了也算麻煩?

      來自上海 回復(fù)
  17. 牛逼,之前一直想用SVN,不會(huì)弄啊。謝謝樓主分享。

    來自浙江 回復(fù)
    1. 沒事沒事

      來自上海 回復(fù)
  18. 這就是做了一個(gè)Internet 信息服務(wù),隨便用iis就能做到,還能改端口。

    來自北京 回復(fù)
    1. 不知道你想表達(dá)什么。只提供思路,想用什么服務(wù)器看個(gè)人、團(tuán)隊(duì)習(xí)慣。

      來自上海 回復(fù)
    2. 你真累

      來自北京 回復(fù)
    3. 和上一句一樣,不知道你想表達(dá)什么,溝通能力確實(shí)挺重要的。

      回復(fù)
  19. 80端口被占用,一直修改不了

    回復(fù)
    1. phpStudy\Apache\conf 文件里的httpd.conf文件,搜索 Listen 80.然后把80改成別的端口。 記得重啟phpstudy。 還不行的話問問猿猿們,他們能手把手幫你搞好,還能拉近關(guān)系。哈哈哈

      來自上海 回復(fù)
  20. 為何不直接用axshare

    來自云南 回復(fù)
    1. 上傳慢,打開慢

      來自上海 回復(fù)
  21. 感覺IIS更簡(jiǎn)單呢

    來自廣東 回復(fù)
  22. 墨刀原型工具,你可以試試

    回復(fù)
    1. 墨刀,muckups,mockplus都試過,最愛依然axure

      來自上海 回復(fù)
    2. axure是我用過的功能最強(qiáng)大的原型工具,沒有之一,拿其它的工具對(duì)比起來簡(jiǎn)直弱爆了

      來自廣東 回復(fù)
  23. 方法不錯(cuò),不過你的電腦需要一直開著,我覺得不如講HTML文件放到SVN,這樣小伙也是差不多的

    回復(fù)
    1. 是的,我這樣適合中途修改的時(shí)候給別人看。定稿之后放SVN或者導(dǎo)出放哪都一樣了。

      來自上海 回復(fù)
    2. 請(qǐng)問下這個(gè)具體怎么做,下了個(gè)tortoisesvn不會(huì)操作

      來自湖北 回復(fù)
  24. 為何不直接用IIS?

    來自廣東 回復(fù)
  25. 搞定不難,但這個(gè)安裝包總被殺毒軟件報(bào)錯(cuò)。。。

    來自廣東 回復(fù)
    1. 啊哈,找找吧,我就用的phpstudy集成的,別的什么服務(wù)器都可以吧。反正放本地的。

      來自上海 回復(fù)
  26. 放到內(nèi)網(wǎng)不更好,放外面,我怕網(wǎng)速不好

    來自北京 回復(fù)
    1. 這是內(nèi)網(wǎng)呀~

      來自上海 回復(fù)
    2. 哦沒注意看,那挺好。

      來自北京 回復(fù)
    3. ??

      來自福建 回復(fù)
  27. 好東西。我就是不會(huì)弄,還找的服務(wù)器的同事幫我搭了個(gè)環(huán)境專門用于給開發(fā)看。太棒了!

    來自江蘇 回復(fù)
  28. 不錯(cuò)!?。?/p>

    來自江蘇 回復(fù)
  29. 說實(shí)話,不如用產(chǎn)品大牛網(wǎng)提供的axure原型在線托管服務(wù),可以像網(wǎng)盤一樣管理,直接可以分享原型鏈接地址

    來自山東 回復(fù)
    1. 用過,只是不放心把項(xiàng)目放那上面。

      來自上海 回復(fù)
  30. ??

    來自香港 回復(fù)