微信小程序和H5页面间相互跳转代码实例
执着的小前端 人气:0这篇文章主要介绍了微信小程序和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', }); })
加载全部内容