最近还是有看见一些人在问,怎么让手机可以访问Axure原型,怎么让局域网可以访问我电脑里的Axure原型;下面是最简单省事做法!
一. 工具:WAMP(全称Windows Apache Mysql PHP) ;
二. 原理:通过搭建域名让其可以访问到本地搭建好的服务器!
三. 下载地址:
WAMP(有提供32位和64位的)
http://www.wampserver.com/en/#download-wrapper
四. 安装步奏(跟平常安装软件一样)
WAMP
-
- wamp默认是安装在c:wamp,一直点击下一步就行了!
- 安装好了之后并打开, 右下角多出一个绿色的图标,那证明安装时OK
五. 软件设置
wamp一些设置:
-
- 软件语言设置:
点击鼠标右键选择中文,英文好的请略过……
- 软件语言设置:
-
- 在右下角的软件图标,鼠标左击切换为在线状态!
默认是离线状态来的!访问不了,一般是这个问题!
(在线状态才能让局域网内其它机器访问到) - 在axure进行发布的时候,把存放HTML文件的目标文件夹,更改目录到这里C:wampwww自定义文件夹名称)
- 在右下角的软件图标,鼠标左击切换为在线状态!
-
- 手机和PC都可以通过IP地址
(如 http://192.168.1.100; 会查看本机IP地址吧,这里不累赘了) - 需要多个原型在里面的话,就在生成原型的时候,多建立个文件夹就行了!
- 浏览器安装一个网址在线转二维码的插件,点击一个就能出一个二维码,手机只要扫码就能访问了!
- 手机和PC都可以通过IP地址
到了这一步,这时,只要是在同一个局域网,就可以通过手机和PC进行访问了,需要外网也可以访问的话,就需要用到域名解析了
六. 补充——自适应配置
axure生成的原型中,建议把自适应宽度修改下,这样手机访问的时候,会自动将页面调整到合适的宽度。
原创文章,作者:产品大法师,如若转载,请注明出处:https://www.pmtemple.com/fengsaitao/6437/