温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

微信小程序和H5页面间相互跳转的示例分析

发布时间:2021-07-05 10:50:20 来源:亿速云 阅读:225 作者:小新 栏目:web开发

这篇文章主要为大家展示了“微信小程序和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.h6跳转到小程序wx.miniProgram.navigateTo

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

以上是“微信小程序和H5页面间相互跳转的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI