解决微信二次分享不显示摘要和图片的问题
网络编程 2021-07-04 18:33www.168986.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇解决微信二次分享不显示摘要和图片的问题。长沙网络推广觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随长沙网络推广过来看看吧
解决不显示摘要和图片的问题,需要调用微信公众号的js-sdk的api ,需要前端和后台的配合,
后台需要返回 appid (公众号的appid ) 、 timestamp (生成签名的时间戳) 、nonceStr (签名的随机字符串) 、 signature (签名* 可能出错);
1.绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“js接口安全域名”。(特别提示不需要加上http或者https,吃过亏)
2.首先引入js 文件 http://res.wx.qq./open/js/jweixin-1.2.0.js
3.然后在配置wx.config 。
<script> $(function(){ wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名,见附录1 jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); }) </script>
4.通过ready接口处理成功验证
wx.ready(function(){ //详细代码 });
5.通过error接口处理失败验证
wx.error(function(res){});
详细页面代码
<script src="http://.ciotimes./statics/js/jquery.min.js"></script> <script src="http://res.wx.qq./open/js/jweixin-1.2.0.js"></script> //js引入错误导致wx没有定义。 <script> $(function(){ //获取本页面连接,生成签名需要 var url = location.href.split('#')[0]; $.ajax({ url: "http://XXX/index.php?m=content&c=wechat_share&a=index&pc_hash=WO1sTv", type: "POST", async:true, data:{'url':url}, cache: false, dataType: "json", suess: function(data){ wx.config({ /* debug: true,*/ //调试模式 appId: data.appId, timestamp:data.timestamp, nonceStr:data.nonceStr, signature:data.signature, jsApiList: [ 'checkJsApi', 'onMenuShareTimeline', 'hideOptionMenu', 'onMenuShareAppMessage' ] }); wx.ready(function(){ wx.checkJsApi({ jsApiList: [ 'getLocation', 'onMenuShareTimeline', 'onMenuShareAppMessage' ], suess: function (res) { //alert(res.errMsg); } }); //分享给朋友 wx.onMenuShareAppMessage({ title: '111', desc: '222', link: 'http://XXX/index.php?m=content&c=index&a=test_show&catid=83&id=134521&from=singlemessage', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: 'http:/XXX/2017/0816/20170816061634987.jpg', suess: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 }, fail: function (res) { //alert(res.errMsg); //用户分享失败取消的回调函数 } }); }); }, error: function() { alert('ajax request failed!!!!'); return; } }); }); </script>
以上这篇解决微信二次分享不显示摘要和图片的问题就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程