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盘建一个专门放文件的文件夹吧 }//更多的关于配置文件,网上搜一搜很多的,我自己也会整理,这里就不写了
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教程有兴趣的朋友有所帮助。