微信二次分享报错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问题及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
这篇文章主要介绍了js实现首屏延迟加载实现方法,以及js实现多屏单张图片延迟加载效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-07-07
JavaScript使ifram跨域相互访问及与PHP通信的实例
这篇文章主要介绍了JavaScript使ifram跨域相互访问及与PHP通信的实例,同时对同域间的访问也作了详细的演示,需要的朋友可以参考下2016-03-03
JS库particles.js创建超炫背景粒子插件(附源码下载)
particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧2017-09-09


最新评论