微信小程序和H5页面间相互跳转代码实例

这篇文章主要介绍了微信小程序和H5页面间相互跳转代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.微信小程序跳转小程序 wx.navigateToMiniProgram

// 小程序跳转 /* * appId string 是 要打开的小程序 appId * path string 否 打开的页面路径,如果为空则打开首页 * extraData object 否 需要传递给目标小程序的数据,目标小程序可在 App.onLaunch,App.onShow 中获取到这份数据。 * envVersion string release 否 要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。 (develop 开发板 trial 体验版 release正式版) * success function 否 接口调用成功的回调函数 * fail function 否 接口调用失败的回调函数 * complete function 否 接口调用结束的回调函数(调用成功、失败都会执行) */ navigateToMiniProgram(mAppId) {   wx.navigateToMiniProgram({     appId: mAppId,     path: 'page/index/index?id=123',     extraData: {       foo: 'bar'     },     envVersion: 'release',     success(res) {     // 打开成功     ret_handler(res);     },     fail(res) {     }   }) },

2.h5跳转到小程序wx.miniProgram.navigateTo

// 点击立即体验跳转到小程序 $('.experience').click(function () {   wx.miniProgram.navigateTo({     url: '/pages/index/index',   }); })

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/5e7634f15163cbab6fddb9c574a11451.html