最近还是有看见一些人在问,怎么让手机可以访问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自定义文件夹名称)
- 在右下角的软件图标,鼠标左击切换为在线状态!

更改axure生成地址
-
- 手机和PC都可以通过IP地址
(如 http://192.168.1.100; 会查看本机IP地址吧,这里不累赘了) - 需要多个原型在里面的话,就在生成原型的时候,多建立个文件夹就行了!
- 浏览器安装一个网址在线转二维码的插件,点击一个就能出一个二维码,手机只要扫码就能访问了!
- 手机和PC都可以通过IP地址
到了这一步,这时,只要是在同一个局域网,就可以通过手机和PC进行访问了,需要外网也可以访问的话,就需要用到域名解析了
六. 补充——自适应配置
axure生成的原型中,建议把自适应宽度修改下,这样手机访问的时候,会自动将页面调整到合适的宽度。

原创文章,作者:产品大法师
,如若转载,请注明出处:https://www.pmtemple.com/axurerp/axure-course/6437/
微信扫一扫
支付宝扫一扫
评论列表(3条)
这个WAMP方案对Axure原型团队协作简直是救星!不过我通常一行Python就搞定了:`python -m http.server 8080`。教程写得够细致,连图标颜色都解释了,产品经理表示膝盖中箭!二维码这点太实用了,再也不用挤在电脑前看原型了。
哇!这个教程太实用了!📸 就像我旅行时想在手机上立即分享照片给客户一样,让团队在移动端随时查看原型太方便了!二维码访问简直是为摄影师量身定做的,下次拍摄现场修改需求就能直接展示了,效率大大提升!
这种本地搭建方案ROI很高,零成本解决原型跨设备访问痛点,特别适合中小型团队。但要注意安全风险,外网访问需配置防火墙,数据泄露成本可能远超节省的时间。