[原创]帝国整合微信分享好友、朋友圈带图带简介最新接口

发布时间:2019-10-18 09:00:18

好久没有来帝国分享代码了,看到之前发的帖子:ECMS做站常用代码整理(201807月19更新)还有坛友回复,就再分享一些吧。先整一个实用的,也不知道有没有人发过。不过接口马上有更新,所以用了最新的。希望大家用的上。2019年7月3...

您的位置:仿站网 > 问答 >
好久没有来帝国分享代码了,看到之前发的帖子:ECMS做站常用代码整理(201807月19更新)还有坛友回复,就再分享一些吧。先整一个实用的,也不知道有没有人发过。不过接口马上有更新,所以用了最新的。希望大家用的上。

2019年7月31日更新:页面分享给微信/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>



上传以下附件:
[下载 *.rar](文件大小:1.21 KB)
回复列表
1.
支持
2.
支持
3.
支持一下
4.
支持下
5.
支持下
6.
支持下
7.
支持
8.
支持下
9.
用上了,很好用
10.
支持下
11.
原帖由 夏威夷海盗 于 2019-07-31 11:11:52 发表
好久没有来帝国分享代码了,看到之前发的帖子:[url=http://bbs.phome.net/ShowThread/?threadid=358601&forumid=42]ECMS做站...



支持
12.
支持
13.
支持
14.
支持一下
15.
支持
16.
支持
17.
支持下
18.
原帖由 夏威夷海盗 于 2019-07-31 11:11:52 发表
好久没有来帝国分享代码了,看到之前发的帖子:[url=http://bbs.phome.net/ShowThread/?threadid=358601&forumid=42]ECMS做站...

感谢楼主,像楼主这种纯干货帖子不多见了,更为楼主的精神点赞!
高温天气,注意避暑!
19.
支持一下
20.
支持一下
21.
不能用~!
22.
支持一下
23.
支持
24.
支持下
25.
支持下
26.
支持
27.
支持下
28.
支持一下
29.
支持一下
30.
支持
31.
支持
32.
原帖由 yizhang8 于 2019-08-09 16:59:40 发表
模版变量放在网页的什么地方?是<head>还是<body>之间,好象都没有成功。



紧挨着</body>放在它前面
33.
支持
34.
支持下
35.
支持下
36.
支持一下
37.
支持下
38.
支持
39.
支持
40.
支持
41.
支持下
42.
支持
43.
支持一下
44.
支持
45.
支持一下
46.
支持
47.
支持下
48.
模版变量放在网页的什么地方?是<head>还是<body>之间,好象都没有成功。
相关问题

仿站网专注于帝国CMS仿站及二次开发、模板定制等各种有关帝国CMS程序疑难杂症!
Copyright@2016-2023 汇鑫网络工作室 版权所有 仿站网 www.ecmsw.cn
鲁ICP备17005488号-1 鲁公网安备 37018102000481号