微信 js-sdk config:invalid signature

在调用微信 js-sdk 开发页面时,经常会遇到 config:invalid signature 的错误

在官方手册是这么解释此类错误,并提供了自查顺序:

在这里插入图片描述

因为在项目中,获取签名的后端接口是经过线上环境验证无误的,在前端可能出问题的只有第 2、3、4、6 步。

第 2、4 步只要对照验证一下就可以很快排错,所以真正有可能出问题的是第 3、6 步。

将第 3、6 步总结一下是,如果我们需要在页面中调用微信的某个方法,必须使用这个页面的完整 URL 地址获取签名(包括 http(s)://?的参数部分,除 # 后的 hash 部分)

比如你的页面 url 为:https://www.abc.com/search?q=def#index1

那么你应该传给获取签名接口的 url 参数就应该是 https://www.abc.com/search?q=def

这是动态可变的,也就是需要用 window.location.href.split('#')[0] 来获取

iOS 下的表现

按照以上步骤

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值