h5分享链接为http://www.lifeiyu.icu/index2.html [图片][图片]
h5页面无法打开微信实现分享功能,请求给出有效的h5实现微信分享功能的详细方案或者有效实现的代码?<!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>
08-08