在windows环境下使用nginx搭建服务器配合axure演示原型
2015-01-23 10:17
369 查看
1、作为产品经理用axure 做原型是基本技能之一,但是每次还要把原型文件复制来复制去,本地查看,手机上看起来就是一张网页等等,这些都太LOW了。然后整理一下以前学习过的知识,决定在自己电脑上搭一个小服务器,然后axure每次输出到服务器当中,这样局域网内用户就可以很方便的查看,同时,axure也是支持输出手机格式的,而且效果十分逼真。真的是装逼的不二利器。同时搭建一个小服务器自己有一些什么文档,开会的时候也能很方便的打开和读取。
2、关于小服务器,我插几句,在一般的几十个人的小公司当中,其实用windows的共享文件夹其实是很方便的,但是考虑到部分的mac用户,其实并不是那么好用。所以在现在MAC大行其道的环境下,win和MAC各占半壁江山的时候,能云端还是云端,而且要方便。说起这个就说到项目管理,进度管理等等用什么工具的话题了,改日另外写篇文章说说我自己怎么做的。
3、先来说搭一个小服务器,我选了来自俄罗斯的nginx,因为真的很简单,而且好用,这货是一个开源的服务器软件,大多用在负载均衡上,而且很出色,以前在小鬼子那实习的时候,用这个搭过流媒体服务器,能力杠杠的。现在被我用来做共享,也算是大材小用了。
1、先去下载nginx吧,我是win8.1的环境所以就直接下载安装包http://nginx.org/,解压就可以了
2、然后进入到conf文件夹中的配置文件nginx.conf
修改配置如下
另外注意一下,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的原型呢,这样就可以自适应了,看来下一个目标出现了,做一个能自适应的原型。若有大神感兴趣,可以联系我一起玩。
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的原型呢,这样就可以自适应了,看来下一个目标出现了,做一个能自适应的原型。若有大神感兴趣,可以联系我一起玩。
相关文章推荐
- 使用Nginx搭建图片服务器(windows环境下)
- Windows系统下使用flup搭建Nginx和Python环境的方法
- Windows环境下使用Nginx搭建负载均衡
- 使用花生壳实现内网映射,搭建Windows平台下的服务器环境
- Windows环境下用jwplayer+Nginx搭建视频点播服务器
- 使用VisualSVN Server搭建SVN服务器 (Windows环境为例)
- Windows环境下使用Nginx搭建负载均衡
- 使用花生壳实现内网映射,搭建Windows平台下的服务器环境
- Windows环境下用jwplayer+Nginx搭建视频点播服务器
- windows环境下 svn服务器搭建+myeclipse使用 quickstart
- Windows使用Nginx搭建RTMP服务器
- 在Windows环境中使用Nginx, Consul, Consul Template搭建负载均衡和服务发现服务
- 使用Vagrant在Windows平台搭建嵌入式Linux开发环境(2)Tftpd服务器搭建
- Windows环境下用jwplayer+Nginx搭建视频点播服务器
- 使用Vagrant在Windows平台搭建嵌入式Linux开发环境(3)nfs服务器搭建
- Windows下使用nginx搭建反向代理服务器
- 使用mingw在windows下搭建c/c++ IDE简单开发环境
- Windows下使用VIM,搭建Mainframe开发环境(三)---基础配置
- Windows下使用VIM,搭建Mainframe开发环境(五)---z/OS PLI成员变量自动补齐
- Windows下使用VIM,搭建Mainframe开发环境(八)---自定义功能函数