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

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

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

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

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

2、然後進入到conf檔案夾中的設定檔nginx.conf

修改配置如下

location /upload {  //這裡放置我的檔案        autoindex on;  //這三句是自動顯示檔案目錄，不然進去就歡迎頁面了            autoindex_exact_size on;              autoindex_localtime on;              alias   d://upload; //在D盤建一個專門放檔案的檔案夾吧     }//更多的關於設定檔，網上搜一搜很多的，我自己也會整理，這裡就不寫了

另外注意一下，nginx搭的伺服器，解決中文名的url我暫時還沒有很好的處理辦法，所以大家請用英文命名檔案

3、這些配置完後，雙擊nginx.exe就啟動了，在這裡我強烈建議大家設為開機啟動，別說你不會設開機啟動

run C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Startup 然後把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教程有興趣的朋友有所協助。

