时间:2021-05-18
解决不显示摘要和图片的问题,需要调用微信公众号的js-sdk的api ,需要前端和后台的配合,
后台需要返回 appid (公众号的appid ) 、 timestamp (生成签名的时间戳) 、nonceStr (签名的随机字符串) 、 signature (签名* 可能出错);
1.绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“js接口安全域名”。(特别提示不需要加上http或者https,吃过亏)
2.首先引入js 文件 http://res.wx.qq.com/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: '',// 必填,签名,见附录1jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2});})</script>4.通过ready接口处理成功验证
wx.ready(function(){//详细代码});5.通过error接口处理失败验证
wx.error(function(res){});详细页面代码
<script src="http:///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", success: function(data){ wx.config({ //调试模式 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' ], success: 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', success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 }, fail: function (res) { //alert(res.errMsg); //用户分享失败取消的回调函数 } }); }); }, error: function() { alert('ajax request failed!!!!'); return; } }); });</script>以上这篇解决微信二次分享不显示摘要和图片的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信二次分享/自定义分享从App中使用App分享(一次分享)使用微信导航栏的分享(二次分享)--已做处理使用微信导航栏的分享(二次分享)--未做处理如上图,如果
微信小程序解决swiper不显示图片的方法1.我说的swiper不显示图片是只有一个swiper的框,但不显示设置好的图片。第一个要确定的是图片路径设置的正不正
上一篇讲到:第一次点击全选按钮input显示对勾,第二次则不显示,需要用prop来添加checked属性。 但是用prop会出现一个问题,对勾显示,而chec
微信二次开发将企业信息、服务、活动等内容通过微信网页的方式进行表现。微信公众账号的二次开发实现了信息推送的营销工具转向用户按需所求的服务型产品,让用户自己选择是
我们都知道,通过微信官方分享sdk支持图片分享,而且有多种方式。官方链接可直接查看,不再赘述。本文要解决的问题是,分享本地带二维码的图片给微信好友和朋友圈。朋友