[wechat]朋友圈卡片分享授权html

最新推荐文章于 2024-09-09 22:16:15 发布

Tian_ccc

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量107

点赞数

分类专栏：前端文章标签：微信 html 前端

本文链接：https://blog.csdn.net/bktytcc/article/details/131034115

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

朋友圈卡片分享授权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>