zoukankan      html  css  js  c++  java
  • 微信二次分享的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('你还没分享哦')
                               }
                           });
                   });
                }
            })
        }

    调用成功之后

  • 相关阅读:
    VS2008 插件开发.
    防刷新.
    JavaScript 的数据类型
    SQL Redist content: Command line option syntax error. Type Command /? for Help. 错误!!!
    使用Yahoo.com.cn的POP和SMTP
    文件上传
    待解决的问题
    [转]不常见但有用的HTML下拉选单
    新工具 BuildSql 生成数据库文档 .
    重写 DropDownList !
  • 原文地址:https://www.cnblogs.com/xxflz/p/10141429.html
Copyright © 2011-2022 走看看