現(xiàn)在手機(jī)應(yīng)用越來(lái)越多胁孙，所以很多小伙伴用axure做了原型之后，需要在手上進(jìn)行預(yù)覽或者演示，有下面幾種方法：

一、通過(guò)Chrome模擬器模擬手機(jī)預(yù)覽的效果

我們?cè)陬A(yù)覽頁(yè)面的時(shí)候沮尿，點(diǎn)擊F12，就可以打開(kāi)Chrome的調(diào)試窗口较解。

chrome調(diào)試窗口

調(diào)試窗口的左上角畜疾，與一個(gè)手機(jī)樣式的圖標(biāo)，點(diǎn)擊一下印衔，圖標(biāo)變成藍(lán)色啡捶，就打開(kāi)了手機(jī)預(yù)覽模式，如下圖所示奸焙。預(yù)覽模式的上面有個(gè)工具條届慈，可以選擇終端（iphone6徒溪、iphone6plus等）、預(yù)覽比例金顿、橫屏豎屏等，非常方便鲤桥。

手機(jī)預(yù)覽模式

橫屏展示

豎屏

上面這種方式相當(dāng)于在pc上實(shí)現(xiàn)了手機(jī)上的預(yù)覽效果揍拆。

優(yōu)點(diǎn)顯而易見(jiàn)，就是非常非常方便茶凳，點(diǎn)擊就送嫂拴，還可以適配多種終端。在原型繪制階段贮喧，我們一般都采用這種模式筒狠，給客戶(hù)或者老板演示的時(shí)候，如果這種方式不方便箱沦，才真的用手機(jī)去給他們看辩恼。

二、發(fā)布到AxShare

這個(gè)是axure官方為我們提供的一個(gè)免費(fèi)服務(wù)谓形，點(diǎn)擊【發(fā)布>發(fā)布到AxShare】

發(fā)布到AxShare

在彈出的界面中灶伊，有兩個(gè)tab頁(yè)面，創(chuàng)建賬號(hào)或已有賬號(hào)寒跳，沒(méi)有賬號(hào)則選擇第一個(gè)聘萨，有則選擇第二個(gè)。

然后填寫(xiě)下面的名稱(chēng)和密碼（密碼可不填）童太，點(diǎn)擊發(fā)布

注冊(cè)或登錄

然后大概會(huì)生成個(gè)幾秒到幾分鐘不等（根據(jù)你原型的體積）米辐，生成成功后，彈出下面的提示书释。其中的http://shpju9.axshare.com就是我們的訪(fǎng)問(wèn)url翘贮。

生成成功

在瀏覽器打開(kāi)這個(gè)鏈接：

pc上打開(kāi)

在手機(jī)上打開(kāi)

這個(gè)鏈接對(duì)應(yīng)的服務(wù)器是在外網(wǎng)的，所以有了這個(gè)征冷，不管你發(fā)給開(kāi)發(fā)择膝、你的領(lǐng)導(dǎo)、客戶(hù)检激，他們都可以訪(fǎng)問(wèn)了肴捉，非常方便。

缺點(diǎn)是axshare這個(gè)網(wǎng)站是老外開(kāi)發(fā)的叔收，所以訪(fǎng)問(wèn)速度上齿穗，還是有點(diǎn)慢的。

三饺律、搭建http服務(wù)來(lái)訪(fǎng)問(wèn)

前面兩種都是不需要任何額外的工具就可以實(shí)現(xiàn)的窃页，也是最方便的。但是局限也很明顯：

• 第一種訪(fǎng)問(wèn)速度很快，也方便調(diào)試脖卖，但是如果要把東西發(fā)給你的老板乒省、客戶(hù)、同事畦木，這種方式就不適合了袖扛，畢竟不是所有人都安裝了axure。
• 第二種方式移動(dòng)性很強(qiáng)十籍，一個(gè)鏈接走天下蛆封，但是訪(fǎng)問(wèn)速度堪憂(yōu)。

所以我們偶爾也需要第三種方式勾栗，搭建一個(gè)http服務(wù)惨篱，把你生成的html文件放進(jìn)去，然后你的老板围俘、客戶(hù)就又可以用一個(gè)鏈接來(lái)訪(fǎng)問(wèn)了砸讳，而且速度很快，不好的地方就是你自己麻煩一點(diǎn)楷拳，赤裸裸的犧牲自己绣夺，成全他人。

我推薦使用的軟件是nginx欢揖，先下載陶耍、解壓nginx，地址是：

http://nginx.org/download/nginx-1.12.1.zip

解壓之后看到一堆文件她混，不要怕烈钞，只需要雙擊nginx.exe，就是那個(gè)綠色的東東坤按。

雙擊nginx.exe

雙擊之后

• 如果提示你防火墻什么的毯欣，請(qǐng)點(diǎn)擊允許。
• 你可能會(huì)看到一個(gè)黑框一閃而過(guò)臭脓，不要怕酗钞。

打開(kāi)瀏覽器，打開(kāi)

http://localhost

你會(huì)看到下面的界面

看到這個(gè)界面就說(shuō)明啟動(dòng)成功了

下一步就是把你的axure生成html来累，這個(gè)就不介紹了砚作，不懂得QQ群454069744找我交流吧，這不是本篇的重點(diǎn)

然后把你生成的html放到這個(gè)目錄下

html文件放在這個(gè)目錄下

放好之后是醬紫的（html目錄下默認(rèn)有兩個(gè)文件嘹锁，勇敢刪掉就行了）

image.png

這時(shí)候再打開(kāi)http://localhost葫录，就再次看到了熟悉的畫(huà)面

image.png

不要洋洋得意，重點(diǎn)來(lái)了领猾，敲黑板米同。
有點(diǎn)常識(shí)的人都知道http://localhost這個(gè)地址只能本地訪(fǎng)問(wèn)的骇扇，那么如何讓別人訪(fǎng)問(wèn)？

這里又有兩個(gè)場(chǎng)景面粮，一種是訪(fǎng)問(wèn)者跟你在一個(gè)局域網(wǎng)少孝，第二種是訪(fǎng)問(wèn)者跟你不在一個(gè)局域網(wǎng)。

1但金、訪(fǎng)問(wèn)者跟你在一個(gè)局域網(wǎng)
這種很簡(jiǎn)單韭山，只需要把localhost換成你的ip即可，比如我的ip是192.168.1.100（cmd中輸入ipconfig可以查看自己的ip）冷溃，那么我用http://192.168.1.100應(yīng)該就可以訪(fǎng)問(wèn)，這個(gè)地址發(fā)給局域網(wǎng)的朋友梦裂，他們就可以訪(fǎng)問(wèn)了似枕，如果你的手機(jī)也連入了這個(gè)wifi，就也可以訪(fǎng)問(wèn)了年柠。

用http://192.168.1.100訪(fǎng)問(wèn)

2凿歼、訪(fǎng)問(wèn)者跟你不在一個(gè)局域網(wǎng)
這個(gè)就麻煩了，需要你有點(diǎn)網(wǎng)絡(luò)的知識(shí)和服務(wù)器的知識(shí)冗恨。我簡(jiǎn)單說(shuō)一下答憔，有興趣的同學(xué)可以QQ群454069744找我交流。

這種方式在技術(shù)上跟第一種沒(méi)有任何區(qū)別掀抹，只不過(guò)需要你有一個(gè)獨(dú)立的對(duì)外ip虐拓，但是我們的ip通常都是局域網(wǎng)的ip，所以有兩種辦法：買(mǎi)一個(gè)虛擬主機(jī)/服務(wù)器傲武，比如阿里云蓉驹，他就會(huì)給你一個(gè)獨(dú)立ip，你在服務(wù)器上運(yùn)行nginx揪利，html傳上去态兴，就可以在全世界各地訪(fǎng)問(wèn)了；第二種是使用花生殼疟位，服務(wù)器還在你的內(nèi)網(wǎng)瞻润，通過(guò)ddns的技術(shù)，映射出一個(gè)獨(dú)立ip甜刻。

四绍撞、一種我本來(lái)以為可以的方式

我們知道F5直接預(yù)覽，這里的ip是127.0.0.1罢吃，也就是本機(jī)ip楚午，既然127.0.0.1可以訪(fǎng)問(wèn)，說(shuō)明axure本身就提供了一個(gè)http服務(wù)尿招，那么還用nginx干什么矾柜？

預(yù)覽

比如192.168.1.100也是我的ip阱驾，那么按照常理來(lái)說(shuō)，http://192.168.1.100:32767/主頁(yè).html的效果應(yīng)該是一樣的怪蔑，我把這個(gè)地址發(fā)給局域網(wǎng)的朋友里覆，就可以訪(fǎng)問(wèn)了啊。

然而他卻無(wú)情的拒絕了我的連接請(qǐng)求缆瓣，下圖：

拒絕

這一點(diǎn)我很費(fèi)解喧枷。估計(jì)axure并不是發(fā)布了一個(gè)普通的http服務(wù)，但是這種限制有什么意義呢弓坞，如果放開(kāi)來(lái)豈不是更好隧甚，我們也不用自己去搞什么nginx了，有興趣的小伙伴可以一起探討下渡冻。

五戚扳、其他

今天我重點(diǎn)介紹了chrome方法、AxShare方法族吻、nginx方法帽借，其他方法還有很多，比如使用其他的web服務(wù)器例如IIS超歌、EasyWebSvr砍艾、xampp或apache等，還有不走尋常路的Opera代理方式巍举，有興趣的可以百度一下脆荷。

總之好用就好，找出適合你的方式禀综。

Axure從入門(mén)到實(shí)戰(zhàn)简烘，QQ群454069744，歡迎大家找我討論定枷。