收藏
回答

h5页面无法打开微信实现分享功能,请求给出有效的h5实现微信分享功能的详细方案或者有效实现的代码?

AppID
wxdb3337d1f8618294
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>websocket-demo</title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script>
</head>
<body>
<div style="font-size: 100px; background-color: yellow;" onclick="getShareConfig()">
  点击开始分享
</div>
</body>
<script type="text/javascript" charset="utf-8">
  // 使用 AJAX 发送 GET 请求
  function getShareConfig() {
    $.get("http://www.lifeiyu.icu:9055/video/video/getWxSg", {url: window.location.href}, function (res) {
      jWeixin.config({
        debug: true, // 是否打开调试
        appId: res.appId, // 必填,公众号的唯一标识
        timestamp: res.timestamp, // 必填,生成签名的时间戳
        nonceStr: res.noncestr, // 必填,生成签名的随机串
        signature: res.signature, // 必填,签名
        jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"]
      });
	jWeixin.showMenuItems({
	  menuList: ['updateAppMessageShareData', 'updateTimelineShareData']
	});
	jWeixin.error((err) => {
	  console.error('Config error:', err);
	});
    jWeixin.ready(() => {
        // 分享给朋友
        jWeixin.updateAppMessageShareData({
          title: "分享标题", // 分享标题
          desc: "分享描述", // 分享描述
          link: window.location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: "http://www.lifeiyu.icu:9000/video/images/2024/08/03/17226921293788661.jpeg", // 分享图标
          success() { // 分享成功回调
            alert("分享给朋友成功");
          },
          cancel() { // 取消分享回调
            alert("分享给朋友取消");
          }
        });
      });
    });
  }
</script>
</html>
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签