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

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

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

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

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

一、下載phpstudy

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

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

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

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

1

WWW文件夾存放路徑

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

二、查看本機(jī)ip

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

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

2

輸入cmd

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

3

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

4

三、Axure生成html文件

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

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

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

6

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

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

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

7

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

8

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

 

作者:浩程君。簡(jiǎn)書:七光年。從事電商產(chǎn)品,裝X能力不行,所以我選擇走技術(shù)流,很無(wú)奈^(* ̄(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ì)用,難怪開(kāi)發(fā)會(huì)吐槽我們水

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    來(lái)自浙江 回復(fù)
    1. 沒(méi)事沒(méi)事

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

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

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

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

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

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

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

    來(lái)自云南 回復(fù)
    1. 上傳慢,打開(kāi)慢

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    來(lái)自江蘇 回復(fù)
  28. 不錯(cuò)?。?!

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

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

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

    來(lái)自香港 回復(fù)