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('你还没分享哦')
                               }
                           });
                   });
                }
            })
        }

    调用成功之后

  • 相关阅读:
    TP5 中通过Request获取到的 Action不同的环境,大小写不一样
    正则符号
    ubuntu mysql卸载重装
    ubuntu 多域名配置
    微信小程序-开发入门(一)
    Maven通过profiles多环境配置打包
    GitLab多机备份与恢复操作
    动态增加linux目录大小
    MQ队列及常见操作
    ②将SVN迁移到GitLab-多分支多标签迁移
  • 原文地址:https://www.cnblogs.com/xxflz/p/10141429.html
Copyright © 2011-2022 走看看