微信 js-sdk config:invalid signature

爱被打了一巴掌 2021-12-14 06:45 228阅读 0赞

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

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p3a2trazE_size_16_color_FFFFFF_t_70]

因为在项目中，获取签名的后端接口是经过线上环境验证无误的，在前端可能出问题的只有第 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 下的表现 ###

按照以上步骤，在安卓环境下一般都可以调用方法，然而这在 iOS 下又有变化

在 iOS 环境下你需要传给签名接口的 url 地址是应用入口页（落地页）的 url，举个例子你通过链接进入 `https://www.abc.com/search?q=def#index1` 这个页面，那之后所有调用获取签名接口的 url 参数都是 `https://www.abc.com/search?q=def`，这是**静态不变**的

因为会通过不同的链接进入页面，所以我会在进入应用时统一将入口url存下来，之后调用接口时也方便调用

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p3a2trazE_size_16_color_FFFFFF_t_70]: /images/20211213/283982013473441587a00e1042bfffba.png

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关微信JSSDK接口，previewImage

在微信里看过文章的应该知道，文章里的图片点击后可以放大、分享和保存。然而自己在微信里开发的网页，里面的图片点击后没办法实现这个效果，然后就去看了下微信JS文档，里面有个pr

忘是亡心i/ 2024年02月17日 16:55/ 0 赞/ 49 阅读

相关 uni-app使用微信JSSDK

uni-app使用微信JSSDK 安装jweixin-module 引用jweixin-module 接口获取wx.config wx.confi

男娘i/ 2022年11月28日 13:56/ 0 赞/ 418 阅读

相关 webview中使用微信jssdk

在webview中使用微信小程序的sdk需完成微信的签名认证，按照以下步骤依次进行即可注意： 1. axios中的请求url均使用nginx转发到了https://ap

﹏ヽ暗。殇╰゛Y/ 2022年10月05日 06:52/ 0 赞/ 310 阅读

相关微信jssdk总结

-------------------- 1. 绑定域名 2. 引入js文件在需要调用JS接口的页面引入如下JS文件，（支持https）：[http://r

浅浅的花香味﹌/ 2022年09月23日 08:42/ 0 赞/ 245 阅读

相关 JSSDK实现微信分享功能

功能：在微信内置浏览器页面实现分享页面功能。注意：关于微信内置浏览器的私有对象WeixinJSBridge分享的接口都已经作废了，即下面的定义都是无效的： $(f

忘是亡心i/ 2022年06月07日 01:20/ 0 赞/ 573 阅读

相关微信JSSDK分享功能详解

本文以微信分享到朋友圈，分享给微信好友为例为参考，进行调用测试，想添加其他的功能，自行查看[开发人员文档][Link 1]即可工欲善其事，必先利其器，好好利用下边的帮助工具

傷城~/ 2022年06月05日 00:24/ 0 赞/ 492 阅读

相关微信JSSDK开发信息配置

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力

深藏阁楼爱情的钟/ 2022年04月23日 06:58/ 0 赞/ 309 阅读

相关微信公众号JSSDK获取signature签名以及config配置

Js代码 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的

痛定思痛。/ 2022年02月24日 02:36/ 0 赞/ 1011 阅读

相关微信JSSDK invalid signature 错误的解决方案

先把缓存清理一下，把所有有关的缓存清除在测试一下，不行按照下面的方法排除记得开始debug模式 wx.config({ debug: t

古城微笑少年丶/ 2022年02月21日 08:21/ 0 赞/ 228 阅读

相关微信JSSDK说明文档

微信JSSDK说明文档转微信JSSDK说明文档 2015年12月02日 09:41:34 [panpanhm91][] 阅读数：10073 http://m

￡神魔★判官ぃ/ 2022年01月28日 16:07/ 0 赞/ 1107 阅读