在windows環境下使用nginx搭建伺服器配合axure演示原型

1、作為產品經理用axure 做原型是基本技能之一，但是每次還要把原型文件複製來複製去，本地查看，手機上看起來就是一張網頁等等，這些都太LOW了。然後整理一下以前學習過的知識，決定在自己電腦上搭一個小伺服器，然後axure每次輸出到伺服器當中，這樣區域網內用戶就可以很方便的查看，同時，axure也是支援輸出手機格式的，而且效果十分逼真。真的是裝逼的不二利器。同時搭建一個小伺服器自己有一些什麼文檔，開會的時候也能很方便的開啟和讀取。

2、關於小伺服器，我插幾句，在一般的幾十個人的小公司當中，其實用windows的共享資料夾其實是很方便的，但是考慮到部分的mac用戶，其實並不是那麼好用。所以在現在MAC大行其道的環境下，win和MAC各佔半壁江山的時候，能雲端還是雲端，而且要方便。說起這個就說到專案管理，進度管理等等用什麼工具的話題了，改日另外寫篇文章說說我自己怎麼做的。

3、先來說搭一個小伺服器，我選了來自俄羅斯的nginx，因為真的很簡單，而且好用，這貨是一個開源的伺服器軟體，大多用在負載均衡上，而且很出色，以前在小鬼子那實習的時候，用這個搭過串流媒體伺服器，能力槓槓的。現在被我用來做共享，也算是大材小用了。

1、先去下載nginx吧，我是win8.1的環境所以就直接下載安裝包http://nginx.org/，解壓就可以了

然後進入到conf資料夾中的設定檔nginx.conf

修改配置如下

<span style="white-space:pre">	</span>location /upload {  //这里放置我的文件
    	    autoindex on;  //这三句是自动显示文件目录，不然进去就欢迎页了
            autoindex_exact_size on;  
            autoindex_localtime on;  
            alias   d://upload; //在D盘建一个专门放文件的文件夹吧
	     
	}//更多的关于配置文件，网上搜一搜很多的，我自己也会整理，这里就不写了

另外注意一下，nginx搭的伺服器，我暫時解決中文名的url ，所以大家請用英文命名檔案3、這些設定完後，雙擊nginx.exe就啟動了，在這裡我強烈建議大家設為開機啟動，別說你不會設開機啟動

run  C:ProgramDataMicrosoftWindowsStart MenuProgramsStartup  然後把nginx.exe的捷徑拖進去，這樣以後一開機就開啟nginx了。當然也可以選擇長時間不關

機，反正我是這麼做的。

4、
這個

就是這個就是看到的結果了。

4、好了，小伺服器搭好了，以後也可以在這裡放一些你的文件給別人分享看了，很方便哦，那麼我們該設定axure在手機上顯示了。網路上有很多這方面的教程，其實很多都說的不清楚，而且很亂，要嘛就是要配置很複雜的環境，我之前也寫過一篇教程，但是寫的不好，這裡重寫寫過。

5、隨便做點什麼原型，然後我們熟悉的F8

注意我的輸出路徑是nginx的路徑哦，然後設定without sitmap，就是不要左邊的導覽列。然後選擇手機行動裝置。設定參數

然後就是生成了。

6、然後用手機訪問這個路徑頁面，ip/upload/test/index.html

然後做如下設定

選擇加入桌面。重命名為test。
7、這時候你的桌面就會出現這個了

看到了沒有，test出現了一個快捷方式。

8、最後一步，點進去

🎜🎜🎜🎜🎜好了看上去像不像原生的應用，都可以騙程序猿去了。 🎜🎜PS：這個方法只適用於IOS的設備，而且要完美攝配螢幕，需要圖形的邊界設定好大小值，也就是說，一個原型只能適應一個尺寸的螢幕。不過對於原型工具來說，就夠了。同時我也在想，能不能用bootstrip這類自適應的前端框架來做app的原型呢，這樣就可以自適應了，看來下一個目標出現了，做一個能自適應的原型。若有大神有興趣，可以聯絡我一起玩。 🎜 🎜 以上就介紹了在windows環境下使用nginx搭建伺服器配合axure示範原型，包含了方面的內容，希望對PHP教學有興趣的朋友有幫助。 🎜 🎜 🎜