微信公众号跳转小程序方法

1 公众号需要关联小程序

2 跳转方法:

wx.navigateToMiniProgram({
  appId: '',   //微信小程序appid
  path: 'page/index/index?id=123', //打开的小程序页面
  extraData: {
    foo: 'bar'  //传递的数据
  },
  envVersion: 'develop',  //打开的小程序版本
  success(res) {
    // 打开成功
  }
})
<wx-open-launch-weapp
  id="launch-btn"  
  username="gh_xxxxxxxx" //小程序的原始id,在微信公众号--设置--基础设置--账号信息
  path="pages/home/index?user=123&action=abc"  //跳转的页面路径和参数
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
</wx-open-launch-weapp>
<script>
  var btn = document.getElementById('launch-btn');
  btn.addEventListener('launch', function (e) {
    console.log('success');
  });
  btn.addEventListener('error', function (e) {
    console.log('fail', e.detail);
  });
</script>
  • a标签
<a href="http://www.qq.com" data-miniprogram-appid="appid" data-miniprogram-path="pages/index/index">点击跳小程序</a>

data-miniprogram-appid 跳转的小程序appid
data-miniprogram-path  跳转的小程序页面
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序媛刘刘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值