微信二次分享报错invalid signature问题及解决方法
基于微信公众号开发的h5页面(使用jssdk接口),由用户A分享给用户B,用户B再次分享这个页面时,不能成功分享。问题出在用户B收到的分享链接与用户A打开的链接不同
A用户的链接为
B用户收到的连接
http://test.com/test.html&from=singlemessage
from=singlemessage是微信客户端为了区分分享来源再链接后自动添加的标记,再次分享时,需要在js代码中对自动获取的连接进行encodeURIComponent处理,后台再对收到的url进行urldecode处理。
js与php示例代码如下:
注意ajax,用的post,用get据说不用转义(get方式本人未做测试)
js代码
function share(){ var nowurl = window.location.href; var nowurlo = nowurl.split('&')[0]; $.ajax({ type : "post", url : "***********************", //后端接口 dataType : "json", data : { 'url': encodeURIComponent(nowurl) }, // 注意此处对nowurl进行encode; success : function (data) { wx.config({ debug : false, //调试模式 appId : data.appId, //公众号appid timestamp : data.timestamp, //时间戳 nonceStr : data.noncestr, //生成签名的随机串 signature : data.signature, //签名 jsApiList : [ 'updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareAppMessage', 'onMenuShareTimeline', 'chooseWXPay', 'showOptionMenu', "hideMenuItems", "showMenuItems", "onMenuShareTimeline", 'onMenuShareAppMessage', ] // 必填,需要使用的JS接口列表 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title : '', // 分享标题 desc : '', // 分享描述 link : nowurlo, // 自动获取(上面js代码中) imgUrl : '', // 分享图标 success : function () { } }); wx.updateTimelineShareData({ title : '', // 分享标题 link : nowurlo, 自动获取(上面js代码中) imgUrl : '', // 分享图标 success : function () { }, }); }); } }); }
php代码
public function generateSignature(){ $timestamp = time(); $jsapiTicket = ;//此处获取jsapi_ticket $noncestr = md5(uniqid(microtime(true),true));//我用的noncestr $url = urldecode(I('post.url')); $signature = sha1('jsapi_ticket=' . $jsapiTicket . '&noncestr=' . $noncestr . '×tamp=' . $timestamp . '&url=' . $url); $shareConfig['appId'] = '';//此处为appId $shareConfig['timestamp'] = $timestamp; $shareConfig['noncestr'] = $noncestr; $shareConfig['signature'] = $signature; $shareConfig['url'] = $url; echo json_encode($shareConfig); }
总结
以上所述是小编给大家介绍的微信二次分享报错invalid signature问题及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
分享5个小技巧让你写出更好的 JavaScript 条件语句
在使用 JavaScript 时,我们常常要写不少的条件语句。这里有五个小技巧,可以让你写出更干净、漂亮的条件语句。需要的朋友跟随小编一起学习吧2018-10-10解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
这篇文章主要介绍了解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题,需要的朋友可以参考下2017-06-06chatGPT前端流式输出js实现三种方法—fetch、SSE、websocket
项目需要接入chatgpt提供的api,后端返回流式的字符,前端接收并实时显示,在JavaScript中,使用Stream流通常指的是处理数据流的一种方式,它们允许数据被处理成块,而不是一次性处理整个数据集,这对于处理大量数据或者来自网络请求的数据非常有用,2024-07-07TextArea设置MaxLength属性最大输入值的js代码
TextArea中限制最大输入长度,实现的方法种种,我们不在一一介绍,今天本文推荐一种简单实用的方法,需要的朋友可以参考下2012-12-12
最新评论