給開(kāi)發(fā)人員看原型,一個(gè)鏈接就夠了
在產(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è)文件夾不要重命名。
WWW文件夾存放路徑
這是之后Axure畫好的原型生成的html文件存放的路徑。請(qǐng)記住。
二、查看本機(jī)ip
在上一步的操作中已經(jīng)將www文件安置好了。接下來(lái)就是查看本機(jī)的ip地址
按住win+R,左下方彈出,輸入cmd執(zhí)行。
輸入cmd
就進(jìn)入到命令行的輸入界面,如下:
輸入:ipconfig,點(diǎn)擊回車。出現(xiàn)以下界面,我們需要的是IPv4的地址,記住它。
三、Axure生成html文件
是的,到了這一步,就回到了我們熟悉的Axure了。
打開(kāi)axure,選擇右側(cè)的“發(fā)布”——》生成html文件
選擇第一步的文件夾WWW路徑下,存放到指定的文件夾中。(筆者是將生成的html全部存放在teamBuild中)。
然后就可以在瀏覽器中打開(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)。
2.如果端口有沖突需要修改端口,php默認(rèn)的是80端口,可以修改為其他端口。修改之后地址欄改為ip:端口/文件夾名。我的就是192.168.X.X:8090/teamBuild。一般情況下應(yīng)該是不需要的。
好的,今天的教程就到這里了,如果你還有其他的方法,希望可以告訴我。我是愛(ài)技術(shù)的產(chǎn)品汪~
作者:浩程君。簡(jiǎn)書:七光年。從事電商產(chǎn)品,裝X能力不行,所以我選擇走技術(shù)流,很無(wú)奈^(* ̄(oo) ̄)^。
本文由 @浩程君 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
iis都不會(huì)用,難怪開(kāi)發(fā)會(huì)吐槽我們水
我這怎么就是不能實(shí)現(xiàn)和你一樣的效果啊,還需要下載什么軟件嘛?
請(qǐng)問(wèn)一下,因?yàn)闉g覽器緩存問(wèn)題, 開(kāi)發(fā)人員看不到原型修改后發(fā)布的更新,這種問(wèn)題怎么處理比較好?(希望有不用每次都清緩存的方法)
別覆蓋,新建一個(gè)名字不一樣的文件夾,比如 原型 v1.0.1
通常我會(huì)用XAMPP ??
杠精真多,心疼作者
為什么沒(méi)有mac版的軟件支持就好了
為什么操作步驟都沒(méi)有錯(cuò)。但是輸入IP/文件名之后 網(wǎng)頁(yè)打不開(kāi)呢
是摩客原型托管
頂一下,我也在用默克原型托管,我是Sketch,上傳后非常方便,還有密碼保護(hù),是上傳的文件更安全,還可以郵件群發(fā)。不錯(cuò)不錯(cuò)不錯(cuò)~~
IIS
有個(gè)卵用,Axure直接生成HTML文件了
群發(fā)一份然后你幫所有人裝axure瀏覽器插件?如果改了再群發(fā)一遍?帶腦噴。
這個(gè)跟SVN有什么區(qū)別嗎
這種方式依賴你的電腦,你電腦關(guān)機(jī)別人就無(wú)法訪問(wèn)了。而且只能內(nèi)網(wǎng)可以訪問(wèn),回到家里就看不了了。 我覺(jué)得最好的方式是購(gòu)買個(gè)axure中國(guó)服務(wù)器~
新浪SAE+SVN,就差不多了!
你喜歡在線的可以試試git+sourcetree。我寫的是本地環(huán)境。
這個(gè)東西太有用了,哈哈。
不用這么麻煩,直接讓開(kāi)發(fā)搭建個(gè)內(nèi)網(wǎng)FTP,供產(chǎn)品上傳原型即可,因?yàn)楹竺嬖头浅6?,所以這個(gè)是必不可少的。
下個(gè)phpstudy,查下ip,就OK了也算麻煩?
牛逼,之前一直想用SVN,不會(huì)弄啊。謝謝樓主分享。
沒(méi)事沒(méi)事
這就是做了一個(gè)Internet 信息服務(wù),隨便用iis就能做到,還能改端口。
不知道你想表達(dá)什么。只提供思路,想用什么服務(wù)器看個(gè)人、團(tuán)隊(duì)習(xí)慣。
你真累
和上一句一樣,不知道你想表達(dá)什么,溝通能力確實(shí)挺重要的。
80端口被占用,一直修改不了
phpStudy\Apache\conf 文件里的httpd.conf文件,搜索 Listen 80.然后把80改成別的端口。 記得重啟phpstudy。 還不行的話問(wèn)問(wèn)猿猿們,他們能手把手幫你搞好,還能拉近關(guān)系。哈哈哈
為何不直接用axshare
上傳慢,打開(kāi)慢
感覺(jué)IIS更簡(jiǎn)單呢
墨刀原型工具,你可以試試
墨刀,muckups,mockplus都試過(guò),最愛(ài)依然axure
axure是我用過(guò)的功能最強(qiáng)大的原型工具,沒(méi)有之一,拿其它的工具對(duì)比起來(lái)簡(jiǎn)直弱爆了
方法不錯(cuò),不過(guò)你的電腦需要一直開(kāi)著,我覺(jué)得不如講HTML文件放到SVN,這樣小伙也是差不多的
是的,我這樣適合中途修改的時(shí)候給別人看。定稿之后放SVN或者導(dǎo)出放哪都一樣了。
請(qǐng)問(wèn)下這個(gè)具體怎么做,下了個(gè)tortoisesvn不會(huì)操作
為何不直接用IIS?
搞定不難,但這個(gè)安裝包總被殺毒軟件報(bào)錯(cuò)。。。
啊哈,找找吧,我就用的phpstudy集成的,別的什么服務(wù)器都可以吧。反正放本地的。
放到內(nèi)網(wǎng)不更好,放外面,我怕網(wǎng)速不好
這是內(nèi)網(wǎng)呀~
哦沒(méi)注意看,那挺好。
??
好東西。我就是不會(huì)弄,還找的服務(wù)器的同事幫我搭了個(gè)環(huán)境專門用于給開(kāi)發(fā)看。太棒了!
不錯(cuò)?。?!
說(shuō)實(shí)話,不如用產(chǎn)品大牛網(wǎng)提供的axure原型在線托管服務(wù),可以像網(wǎng)盤一樣管理,直接可以分享原型鏈接地址
用過(guò),只是不放心把項(xiàng)目放那上面。
??