• 微信二次分享的JSSDK的调用


    网页端微信的二次分享如果不调用分享的SDK,分享之后就不会带有标题、描述 、缩略图

    微信分享SDK调用

    引入

    <script src="//res.wx.qq.com/open/js/jweixin-1.4.0.js" charset="utf-8" async="async"></script>

    参数配置

        function getWXqianmin(a,b,c,d){
            var href=window.location.href
            console.log(href)
            var shareTitle=a //分享标题
            var lineLink=b //分享 链接
            var imgUrl=c //分享图标
            var descContent=d //分享描述
            $.ajax({
                type:'get',
                dataType:'json',
                url:'${path}/weixin/signature',  //获取微信签名的后台接口
                data:{
                    url:href  //接口数据请求参数
                },
                success:function(data){
                    console.log(data)
                    var appId = data.info.appId;
                    var timestamp = data.info.timestamp;
                    var nonceStr = data.info.nonceStr;
                    var signature = data.info.signature;
                    wx.config({
                        debug:false,
                        appId:appId,
                        timestamp:timestamp,
                        nonceStr:nonceStr,
                        signature:signature,
                        jsApiList: [
                            'checkJsApi',
                            'onMenuShareTimeline',//分享到朋友圈
                            'onMenuShareAppMessage'//分享给微信好友
                        ]
                    });
                    wx.ready(function() {
                         wx.onMenuShareTimeline({ //分享到朋友圈
                               title: shareTitle, // 分享标题
                               link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                               imgUrl: imgUrl, // 分享图标
                               success: function () {
                                    // 用户确认分享后执行的回调函数
    
                               },
                               cancel: function () {
                                   // 用户取消分享后执行的回调函数
                                   alert('你还没分享哦')
                               }
                           });
                           wx.onMenuShareAppMessage({  // 分享给朋友
                               title: shareTitle, // 分享标题
                               desc: descContent, // 分享描述
                               link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                               imgUrl: imgUrl, // 分享图标
                               type: '', // 分享类型,music、video或link,不填默认为link
                               dataUrl:'' , // 如果type是music或video,则要提供数据链接,默认为空
                               success: function () {
                                   // 用户确认分享后执行的回调函数    
    
                               },
                               cancel: function () {
                                   // 用户取消分享后执行的回调函数
                                   alert('你还没分享哦')
                               }
                           });
                   });
                }
            })
        }

    调用成功之后

  • 相关阅读:
    云如何解决安全问题 狼人:
    存储安全 系统的最后一道防线 狼人:
    云安全仍是企业决策者最大担心 狼人:
    骇客宣称已入侵多家认证机构 波及微软、谷歌 狼人:
    盘点云计算服务中的隐患 狼人:
    云服务安全吗?美国政府用实际行动告诉你 狼人:
    微软高层称移动设备越多 对信息安全需更多考量 狼人:
    云计算需要让安全优先 狼人:
    金山网络两月被黑4次 入侵黑客留名挑衅 狼人:
    惠普推出全新企业级安全软件 狼人:
  • 原文地址:https://www.cnblogs.com/xxflz/p/10141429.html
Copyright © 2020-2023  润新知