微信分享 config:fail Error: invalid signature

最新推荐文章于 2022-11-18 16:18:17 发布

有丫丫

最新推荐文章于 2022-11-18 16:18:17 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_37322924/article/details/86644424

本文详细介绍了如何使用微信JS-SDK进行页面配置，实现微信内分享功能。包括了页面代码设置、获取并配置wx.config参数、前端与后端交互流程，以及分享时的参数设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面代码，导入微信的JS

$.ajax({
	url : ******,
	type : "post",
	data : 'id=********&url='+ location.href.split('#')[0],
	dataType:"json",
	success : function(json) {
        wx.config
    }
})

ajax 请求返回 wx.config 的参数

ajax 的data 需要传触发分享时的页面路径 location.href.split('#')[0]

后台需要将

paramMap.put("jsapi_ticket", jsApiTicket);
paramMap.put("noncestr", nonceStr);
paramMap.put("timestamp", Long.toString(timestame));
paramMap.put("url", url);

生成签名

jsapi_ticket 通过String url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" + accessToken + "&type=jsapi";

noncestr 和 timestamp 需要给前端的值一致

url 就是触发分享时的页面路径 location.href.split('#')[0]

注意：签名时 noncestr timestamp 都小写

但是 wx.config 中 nonceStr 中S大写

wx.config({
    debug : true,
    appId : appId,
    timestamp : timestamp,
    nonceStr : nonceStr,
    signature : signature ,
    jsApiList: ["onMenuShareTimeline"
        ,"onMenuShareQQ"
	    ,"onMenuShareAppMessage"] // 必填，需要使用的JS接口列表
});

wx.ready(function(){
    wx.onMenuShareAppMessage({
        title: '标题',
		desc: '描述',
		link: url,
		imgUrl: '图片路径',
		success: function (res) {
			alert('成功');	        
		},
		cancel: function (res) {
		    //alert('已取消');
		},
		fail: function (res) {
			alert(res.errMsg);
		}
	});	
})

如果要分享其他页面地址更改onMenuShareAppMessage 里的 url 就行

这里的 url 与获得wx.config的 url 不是一个