小程序H5模拟效果说明
此说明针对已开放的小程序组件在H5端预览的模拟效果和在小程序开发工具或运行环境的实际效果有差异的组件.
用户组件:
- 原因说明:小程序是通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,建立小程序内的用户体系。而这个用户数据是在微信的服务器中,而我们想存储这个用户信息是在用户登录后通过微信的服务获取用户信息后同步到我们平台的UAA登录服务体系,从而建立用户信息表.所以在当前H5环境而非小程序环境,所以获取不到真实的微信用户信息。
- H5目前模拟效果:目前可以返回当前用户模拟信息,这个模拟信息是在H5端模拟小程序登录服务随机生成的,如用户名:u2a.
支付组件:
- 原因说明:因为在PC端无法调取小程序的支付接口弹出微信的支付页面,只有在手机端的运行环境中才可以调用微信支付页面,然后完成支付操作.
- H5目前模拟效果:暂无,会弹出提示框提示 "调用支付(模拟)"
分享组件:
- 原因说明:因为在PC端无法调取小程序的分享接口达到微信的分享效果。
- H5目前模拟效果:点击触发分享后,分生成一个当前分享页的截图效果弹出展现出来.
- H5模拟实现原理:使用html2canvas框架的API,将当前分享页的html代码转为图片显示出来.
客服组件:
- 原因说明:小程序的客服组件是以微信为运行环境基础,在PC端无法模拟微信场景。
- H5模拟效果:暂无,会弹出提示框提示"进入客服会话,sessionFrom:x5app".
扫一扫组件:
- 原因说明:小程序中我们可以调用接口来调起客户端扫码界面,扫码成功后返回对应的结果,在PC端无法调用接口。
- H5模拟效果:暂无效果。
摇一摇组件:
- 原因说明:摇一摇一直是微信经典的小功能。具体效果为:如果摇一摇成功,那么播放一段音频或者其他业务逻辑,原理是利用手机的重力感应机制监听手机摇晃幅度。如果手机摇晃幅度超过一定偏移量就认为摇一摇成功,可以执行具体业务,所以此功能需要真机支持,无法在PC端进行模拟.
- H5模拟效果:无.
拨打电话(点击事件中开放能力):
- 原因说明:无论在PC端或者小程序工具中,拨打电话的能力只有在项目上线后才可以实现,PC端无法调用接口完成实际效果.
- H5模拟效果:和小程序开发工具中模拟效果一致,弹出提示框,提示信息为"拨打18912345678?[仅为模拟] " .
地理定位组件:
- 原因说明:PC端无法调取小程序API来获取当前的地理位置、速度或打开内置地图等。
- 提供了三种操作及模拟效果:
- :获取当前的地理位置,速度.
- H5模拟效果:会返回一组信息,但数据是假的,返回一个对象,里面包含位置信息,速度,所在城市,区域等信息.
- 打开地图选择位置。
- H5模拟效果:触发操作后跳转到腾讯地图页面进行展示模拟效果.
- 使用微信内置地图查看位置.
- H5模拟效果:设置数据后,然后在触发操作会跳转到百度地图进行模拟效果的展示.
- :获取当前的地理位置,速度.
收货地址组件:
- 原因说明:在小程序中调用后会调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址。在PC端无法调用小程序提供的接口.
- H5模拟效果:暂无.
地图组件中的标记点,圆,路线控件的H5展示:
- 原因说明:在H5端地图是使用的腾讯地图进行模拟,细节功能如标记点,圆,路线等以后会开放支持模拟效果的展示.
- H5端模拟效果:以iframe内联框架展示腾讯地图效果.
关于摄像,录音,拍照的功能模拟:
- 原因说明:我们在小程序的业务场景中调用小程序的服务接口会自动启动相关功能,PC端则不能.
- H5模拟效果:暂无.