小程序跳转

小程序跳转

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) {

    // 打开成功

  }

})