H5页面添加按钮跳转小程序

使用微信开放标签:wx-open-launch-weapp;

username:务必是gh_开头的小程序原始id

path:跳转小程序的地址及参数

务必需要引用http://res2.wx.qq.com/open/js/jweixin-1.6.0.js

JSSDK需要配置:openTagList:['wx-open-launch-weapp']

 

1
2
3
4
5
6
7
8
9
<wx-open-launch-weapp
  id="launch-btn"
  username="gh_XXXXXXXXXXX"
  path="pages/index/index?scene=7736_2316486_0_0"
>
 <script type="text/wxtag-template">
           ----您的按钮内容-----
       </script>
</wx-open-launch-weapp><br>

  

1
2
3
4
5
6
7
var btn = document.getElementById('launch-btn');
btn.addEventListener('launch', function (e) {
  console.log('success');
});
btn.addEventListener('error', function (e) {
  console.log('fail', e.detail);
});

 

 

参考:

https://blog.csdn.net/xyphf/article/details/115193299 

posted @   MiniDuck  阅读(619)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2020-06-01 VUE-基本的写法
点击右上角即可分享
微信分享提示