h5页面做微信公众号分享,一直出现无效签名,错误码:63002,invalid signature

刚接手参与一个h5页面的项目,需要分享到微信,能看到数据正常的写入,但是偏偏分享出去就没有了设置好的标题,描述,和图片,打开的链接也是自己分享时所在的页面url,期间一直有报无效签名的错,不管是用原生微信还是插件去写,都一样,找了两天都没找出问题;一开始以为是放到服务器就会没有,但是放上去后还是有这个报错。

后面老大给我们分析了一下,讲解了一下大概过程,用自己的想法画了个草图:

草图

 

大概就是客户端请求的时候,服务端会做一次计算,然后发送到微信服务器里面做验证,验证完后会生成配置参数返回,前端再写入到wx.config里面,整个过程大概就是这样;但是我和后端在做的时候漏了一个小部分,就是在客户端请求的时候,没有携带当前地址给服务端做计算,于是服务端收到微信服务器返回的config是错误的,所以wx.error一直会有无效签名的报错,所以,在get config的时候,把document.location.href作为参数发送给后端去计算,然后把这个地址加入公众号白名单,写入config后不再报错就完事了

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
这个错误提示是由于在Vue H5页面分享微信时,分享链接的签名无效导致的。 在微信分享中,需要对分享链接进行签名,以确保链接的完整性和安全性。签名的原理是利用配置的appID、appSecret、noncestr(随机字符串)和timestamp(时间戳)等参数,通过特定的算法生成一个字符串,再将这个字符串进行加密得到签名signature微信客户端在收到分享链接时,会根据这个签名来验证链接的合法性。 出现"invalid signature"的错误提示,通常是由以下几个原因导致的: 1. 参数配置错误:检查在使用微信分享API时,是否正确配置了appID和appSecret等参数。需要确保这些参数的值是有效的,并且与微信开放平台中的配置一致。 2. 签名生成错误:签名算法可能有误。可以参考微信提供的官方文档,了解签名算法的具体步骤和规则,确保在生成签名时没有遗漏或错误处理相关参数。 3. 随机字符串和时间戳:noncestr和timestamp参数可能未传递或传递错误。在生成签名时,需要使用正确的noncestr和timestamp值。 4. URL编码问题:分享链接中如果包含特殊字符或需要URL编码的字符,需要在生成签名时进行正确的编码处理。 如果还是无法解决该错误,可以尝试在开发者工具中调试,查看具体的错误信息,以便定位问题所在。同时,可以参考微信开放平台的相关文档和社区中的讨论,寻找其他开发者遇到类似问题的解决方法。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值