朋友圈卡片分享授权html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width" />
<title>title</title>
</head>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</script>
<script type="text/javascript">
$(document).ready(function () {
// 定义POST请求的参数
var postData = {
url: window.location.href
};
// 发送POST请求
$.ajax({
url: "http://bandao.guopengyinxiang.com/wx-share/getSignature",
type: "POST",
data: JSON.stringify(postData),
contentType: "application/json;charset=utf-8",
dataType: "json",
success: function (signPackage) {
// 处理成功响应结果
console.log(signPackage);
var wxData = {
"imgUrl": 'http://xxx.xxxxxx.com/img.jpg', //图片地址
"link": window.location.href,
"title": '标题!', //标题
"desc": '卡片描述!' //描述文字
};
wx.config({
debug: false,
appId: signPackage.appid,
timestamp: parseInt(signPackage.timestamp),
nonceStr: signPackage.nonceStr,
signature: signPackage.signature,
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
wx.ready(function () {
wx.onMenuShareTimeline({
title: wxData.title,
link: wxData.link,
imgUrl: wxData.imgUrl,
success: function () { }
});
wx.onMenuShareAppMessage({
title: wxData.title,
desc: wxData.desc,
link: wxData.link,
imgUrl: wxData.imgUrl,
type: 'link',
dataUrl: '',
success: function () { }
});
});
},
error: function (jqXHR, textStatus, errorThrown) {
// 处理响应错误
$("#result").text(textStatus + ": " + errorThrown);
// 处理响应错误
console.log(textStatus + ": " + errorThrown);
}
});
});
</script>
<frameset rows="100%">
<!-- <frame src="http://bandao.guopengyinxiang.com/yihe3"> -->
<frame src="http://baidu.com">
</frameset>
</html>