H5跳转小程序

最新推荐文章于 2024-09-08 23:40:03 发布

曾曾曾同学

最新推荐文章于 2024-09-08 23:40:03 发布

阅读量441

点赞数

分类专栏：小程序文章标签：微信小程序 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_23943923/article/details/129160721

版权

小程序专栏收录该内容

10 篇文章 1 订阅

订阅专栏

文章介绍了如何在H5页面中使用微信开放标签<wx-open-launch-weapp>来实现点击按钮跳转到指定小程序页面，包括设置appid、path参数以及添加事件监听处理成功和失败的情况。注意，预览需要在微信开发者工具的真机模式下进行。

摘要由CSDN通过智能技术生成

H5中点击按钮跳转到小程序中，使用微信开放标签wx-open-launch-weapp，详细使用方式开放文档；

用例：

<wx-open-launch-weapp
  id="launch-btn"
  appid="wx12345678"
  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>

注意：微信开发者工具中，是无法显示按钮，需在真机上才行！