小程序跳转

小程序跳转

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

    // 打开成功

  }

})

原文地址:https://www.cnblogs.com/ganmy/p/8126288.html