在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

修改配置如下

<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:\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教程有兴趣的朋友有所帮助。