微信小程序和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',

});
})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。