【操作篇】快速让局域网和手机访问到axure原型html

最近还是有看见一些人在问,怎么让手机可以访问Axure原型,怎么让局域网可以访问Axure原型,不多说了,我自己的做法是这样的,最简单省事做法!

一. 工具:WAMP(全称Windows Apache Mysql PHP) ;

二. 原理:通过搭建域名让其可以访问到本地搭建好的服务器!

三. 下载地址:

WAMP(有提供32位和64位的)
http://www.wampserver.com/en/#download-wrapper

四. 安装步奏(跟平常安装软件一样)

WAMP

  1. wamp默认是安装在c:\wamp,一直点击下一步就行了!
  2. 安装好了之后并打开, 右下角多出一个绿色的图标,那证明安装时OK


    右下角图标

五. 软件设置

wamp一些设置:

  1. 软件语言设置:
    点击鼠标右键选择中文,英文好的请略过……
【操作篇】快速让局域网和手机访问到axure原型html_第1张图片
更改为中文
  1. 在右下角的软件图标,鼠标左击切换为在线状态!
    默认是离线状态来的!访问不了,一般是这个问题!
    (在线状态才能让局域网内其它机器访问到)


    【操作篇】快速让局域网和手机访问到axure原型html_第2张图片
    点击切换到在线状态
  2. 在axure进行发布的时候,把存放HTML文件的目标文件夹,更改目录到这里C:\wamp\www\自定义文件夹名称)
【操作篇】快速让局域网和手机访问到axure原型html_第3张图片
更改axure生成地址
  1. 手机和PC都可以通过IP地址
    (如 http://192.168.1.100; 会查看本机IP地址吧,这里不累赘了)
  2. 需要多个原型在里面的话,就在生成原型的时候,多建立个文件夹就行了!
  3. 浏览器安装一个网址在线转二维码的插件,点击一个就能出一个二维码,手机只要扫码就能访问了!
【操作篇】快速让局域网和手机访问到axure原型html_第4张图片
嘿嘿嘿,不要扫

到了这一步,这时,只要是在同一个局域网,就可以通过手机和PC进行访问了,需要外网也可以访问的话,就需要用到域名解析了

六. 补充:

  1. axure生成的原型中,建议把自适应宽度修改下,这样手机访问的时候,会自动将页面调整到合适的宽度(这个会吧)
【操作篇】快速让局域网和手机访问到axure原型html_第5张图片
自适应

有疑问,请留言!

交流想法,分享心得!

你可能感兴趣的:(【操作篇】快速让局域网和手机访问到axure原型html)