好久没有来帝国分享代码了,看到之前发的帖子: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,下载次数:358)
|