帝国cms整合微信分享到好友和朋友圈带图带简介 最新接口

功能:页面分享给微信/QQ好友以及朋友圈带图待简介。

前提是必须有公众号,且公众号中需要填写你的域名为安全域名才能成功。以下分享接口已采用微信开发文档中最新的接口,网上很多人使用的原接口即将失效了。

第一步:部署jssdk.php到根目录  见附件

第二步:微信公众号中设置JS安全域

公众号设置--功能设置--JS接口安全域名

第三步:增加模版变量,填入代码,appid和appsecret填入你的微信公众号相关的信息(模版变量紧挨着</body>,放在它前面):

<?
//开始微信分享代码
require '../../jssdk.php';
$appid = '******';
$appsecret = '******';
$jssdk = new JSSDK($appid,$appsecret);
$signPackage = $jssdk->GetSignPackage();
//结束微信分享代码
?>

<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
  // 注意:所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
  // 如果发现在 Android 不能分享自定义内容,请到官网下载最新的包覆盖安装,Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
  // 完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
  wx.config({
    debug: !1,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
        "updateAppMessageShareData",
        "updateTimelineShareData",
        "onMenuShareWeibo",
        "onMenuShareQZone"
    ]
  });
  wx.ready(function () {
    // 在这里调用 API
    wx.checkJsApi({
    jsApiList: ["updateAppMessageShareData",
        "updateTimelineShareData",
        "onMenuShareWeibo",
        "onMenuShareQZone"], // 需要检测的JS接口列表,所有JS接口列表见附录2,
        success: function(res) {
            //alert(JSON.stringify(res));
            if(res.errMsg !='checkJsApi:ok'){
                alert('请升级您的微信版本');
                return;
            }
        }
    });
  //分享Demo
//获取“分享给朋友”按钮点击状态及自定义分享内容接口
    wx.updateAppMessageShareData({
    title: '<?=$navinfor[title]?>', // 分享标题
    desc: '<?=$navinfor[smalltext]?>', // 分享描述
    link: 'http://www.xxx.com<?=$navinfor[titleurl]?>', // 分享链接
    imgUrl: '<?=$navinfor[titlepic]?>', // 分享图标
        success: function () {
          // 设置成功
        }
    });


//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
    wx.updateTimelineShareData({
    title: '<?=$navinfor[title]?>', // 分享标题
    link: 'http://www.xxx.com<?=$navinfor[titleurl]?>', // 分享链接
    imgUrl: '<?=$navinfor[titlepic]?>', // 分享图标
        success: function () {
          // 设置成功
        }
    });
  wx.onMenuShareWeibo({
    title: '<?=$navinfor[title]?>', // 分享标题
    desc: '<?=$navinfor[smalltext]?>', // 分享描述
    link: 'http://www.xxx.com<?=$navinfor[titleurl]?>', // 分享链接
    imgUrl: '<?=$navinfor[titlepic]?>', // 分享图标
    success: function () {
       // 用户确认分享后执行的回调函数
    },
    cancel: function () {
        // 用户取消分享后执行的回调函数
    }
  });

});
</script>

本篇没有合并到 帝国cms常用代码整理 一文中,是为了有需要的网友方便查找。

百度网盘

提取码:ppbw
微信分享到好友和朋友圈带图带简介 最新接口
1q6uaNn9-_HKchaIyzefY-A

You May Also Like

About the Author: azuo

纵使未来选择的道路或许不尽相同,但生命不息,音乐不止 ~

发表评论

已登录为azuo注销?