欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2024-01-23 08:43:16
...
1、作为产品经理用axure 做原型是基本技能之一,但是每次还要把原型文件复制来复制去,本地查看,手机上看起来就是一张网页等等,这些都太LOW了。然后整理一下以前学习过的知识,决定在自己电脑上搭一个小服务器,然后axure每次输出到服务器当中,这样局域网内用户就可以很方便的查看,同时,axure也是支持输出手机格式的,而且效果十分逼真。真的是装逼的不二利器。同时搭建一个小服务器自己有一些什么文档,开会的时候也能很方便的打开和读取。

2、关于小服务器,我插几句,在一般的几十个人的小公司当中,其实用windows的共享文件夹其实是很方便的,但是考虑到部分的mac用户,其实并不是那么好用。所以在现在MAC大行其道的环境下,win和MAC各占半壁*的时候,能云端还是云端,而且要方便。说起这个就说到项目管理,进度管理等等用什么工具的话题了,改日另外写篇文章说说我自己怎么做的。

3、先来说搭一个小服务器,我选了来自俄罗斯的nginx,因为真的很简单,而且好用,这货是一个开源的服务器软件,大多用在负载均衡上,而且很出色,以前在小鬼子那实习的时候,用这个搭过流媒体服务器,能力杠杠的。现在被我用来做共享,也算是大材小用了。

1、先去下载nginx吧,我是win8.1的环境所以就直接下载安装包http://nginx.org/,解压就可以了

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

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、在windows环境下使用nginx搭建服务器配合axure演示原型这个就是这个就是看到的结果了。

4、好了,小服务器搭好了,以后也可以在这里放一些你的文件给别人分享看了,很方便哦,那么我们该设置axure在手机上显示了。网上有很多这方面的教程,其实很多都说的不清楚,而且很乱,要么就是要配置很复杂的环境,我之前也写过一篇教程,但是写的不好,这里重写写过。

5、随便做点什么原型,然后我们熟悉的F8

在windows环境下使用nginx搭建服务器配合axure演示原型注意我的输出路径是nginx的路径哦,然后设置without sitmap,就是不要左边的导航栏。然后选择手机移动设备。设置参数

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

然后就是生成了。

6、然后用手机访问这个路径页面,ip/upload/test/index.html

然后做如下设置在windows环境下使用nginx搭建服务器配合axure演示原型

选择添加桌面。重命名为test。

7、这个时候你的桌面就会出现这个了

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

看到了没有,test出现了一个快捷方式。

8、最后一步,点进去

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

好了看上去像不像原生的应用,都可以骗程序猿去了。

PS:这个方法只适用于IOS的设备,而且要完美摄配屏幕,需要图形的边界设定好大小值,也就是说,一个原型只能适应一个尺寸的屏幕。不过对于原型工具来说,足够了。同时我也在想,能不能用bootstrip这类自适应的前端框架来做app的原型呢,这样就可以自适应了,看来下一个目标出现了,做一个能自适应的原型。若有大神感兴趣,可以联系我一起玩。

以上就介绍了在windows环境下使用nginx搭建服务器配合axure演示原型,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。