小程序跳转
小程序跳转
1.小程序跳网页
需在后台配置域名白名单,通过<web-view>组件实现跳转
<!-- 指向微信公众平台首页的web-view -->
<web-view src="https://mp.weixin.qq.com/"></web-view>
1).跳回小程序页面:
在网页中可调用以下接口:
wx.miniProgram.navigateTo |
|
|
wx.miniProgram.navigateBack |
|
|
wx.miniProgram.switchTab |
|
|
wx.miniProgram.reLaunch |
|
|
wx.miniProgram.redirectTo |
|
|
2).在网页中可调用图像、音频接口,调用设备信息、地理位置以及微信扫一扫、摇一摇等接口。
3).分享该网页,可通过onShareAppMessage获取到当前网页的webUrl
4).可在该网页中通过window._wxjs_environment判断是否在小程序环境
Ps:
A.网页内的iframe域名同样要配置在域名白名单中;
B.每个页面只能有一个<web-view>且会自动铺面整个页面;
C.将鼠标放在<web-view>组件上右键-调试,可调试;
D.如果在ios上调用jssdk没反应,可在<web-view>组件的src加上“#wechat_redirect”解决
2.小程序跳小程序
条件:同一个公众号下关联的小程序
基础库 1.3.0 开始支持,低版本需做兼容处理
iOS 微信客户端 6.5.9 版本开始支持,Android 客户端即将在 6.5.10 版本开始支持,请先使用 iOS 客户端进行调试
wx.navigateToMiniProgram({
appId: '',
path: 'pages/index/index?id=123',
extraData: {
foo: 'bar'
},
envVersion: 'develop',
success(res) {
// 打开成功
}
})