[摘要]由于信息安全的需要,微信收紧了微信分享的信息设置权限,以前我们分享全景网页或一般网页时,只需要在网页文件插入标题图片文字就可以在转发的链接中显示,而现在则没这么轻松了,需要按以下条件和步骤操作,才可以实现描述文字的显示,否则在微信分享时,描述文字部分默认显示分享的网页地址。
微信转发分享转发配置步骤:
1、您必须申请好微信公众号,并进行认证,通过后才可以获得相关权限。
2、通过认证后,我们就可以获取相关权限和参数设置
首先在“基本设置”中,获取到appid和appsecret参数
然后将需要分享网页的域名和目录设置到“公众号设置”--“功能设置”的js安全域名中。
3、获取相关的接口文件(https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432),主要用于进行token认证,设置先前获取的appid和appsecret参数如下:
打开index.php文件进行设置,这文件用于获取权限,当然优雅一点您可以将index文件改回html格式,使用js外置调用php文件代码。
1 2 3 4 5 |
<?php require_once "jssdk.php"; $jssdk = new JSSDK("您的appID", "您的appSecret"); $signPackage = $jssdk->GetSignPackage(); ?> |
4、在主页文件插入对应的js脚本,并设置好分享信息内容,脚本将从jssdk.php中获取权限回调,将网页放到您在微信公众后台授权的域名和目录下。这样就可以就可以转发地址了。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
<script> wx.config({ debug: true, appId: '<?php echo $signPackage["appId"];?>', timestamp: <?php echo $signPackage["timestamp"];?>, nonceStr: '<?php echo $signPackage["nonceStr"];?>', signature: '<?php echo $signPackage["signature"];?>', jsApiList: [ // 所有要调用的 API 都要加到这个列表中 'checkJsApi', 'openLocation', 'getLocation', 'onMenuShareTimeline', 'onMenuShareAppMessage' ] }); // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口,【放到这里是无效的】,大家必须要注意警惕干马画藤 wx.onMenuShareTimeline({ title: "这是分享到朋友圈标题", // 分享标题 link: '这是分享到朋友圈链接', // 分享链接 imgUrl: 'https://pic1.zhimg.com/da8e974dc_s.jpg', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); wx.ready(function(){ //alert("微信验证OK"); // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。 // 获取“分享给朋友”按钮点击状态及自定义分享内容接口 //link: location.href, //imgUrl: location.href.replace("index.html","") + "zres/image/cellzM4cCover.jpg", wx.onMenuShareAppMessage({ title: '这是分享给朋友标题', // 分享标题 desc: '这是分享给朋友描述', // 分享描述 link: '这是分享给朋友链接', // 分享链接 imgUrl: 'https://pic1.zhimg.com/da8e974dc_s.jpg', // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 alert("分享给朋友成功"); }, cancel: function () { // 用户取消分享后执行的回调函数 alert("分享给朋友失败"); } }); }); wx.error(function(res){ // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 alert("微信验证失败"); }); </script> |
太好了,找这个很久啦