微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)

JSSDK接入

在微信公众号开发中，我们可以通过使用JSSDK来调用微信的各类服务。下面是JSSDK的接入步骤：

1. 在微信公众平台获取 AppID 和 AppSecret
2. 在后端使用 AppID 和 AppSecret 获取 access_token
3. 在前端使用 access_token 获取 jsapi_ticket
4. 生成一个随机字符串 noncestr
5. 获取当前时间戳 timestamp
6. 获取当前网页的URL，不包括 # 及其后面部分
7. 将 appID、jsapi_ticket、noncestr、timestamp、url 拼接成一个字符串进行 SHA1 加密
8. 将加密后的字符串作为 signature 返回给前端

在前端页面中引入微信提供的 js 文件，并使用 wx.config 方法配置微信 JS-SDK，并在配置完成后通过 wx.ready 方法注册成功回调函数。

invalid signature等常见错误问题分析

在 JSSDK 接入过程中，常见的错误有：

1. invalid signature

这个错误往往是由于前端拼接的签名不正确导致的。常见的原因有：

• AppID 与 jsapi_ticket 未正确获取或未传入
• noncestr 生成错误
• 传入的 url 不正确或格式不对
• 加密方法不正确

2. config参数格式错误

如果 wx.config 方法使用的参数格式不正确，会抛出 config参数格式错误 的错误。

3. 所有JS接口只能在ready成功后调用

如果在 wx.ready 方法注册回调函数之前就已经调用了微信JS接口，会抛出 所有JS接口只能在ready成功后调用 的错误。

4. 无法使用分享等微信JS接口

如果使用微信 JS 接口无法触发分享等操作，常见的原因有：

• AppID 没有通过审核
• 网页的安全域名未绑定或未通过微信审核
• 在微信外进行调用
• 在微信内部 access_token 失效

示例

下面是几个示例，展示了如何解决常见的 JSSDK 接入问题：

示例1：invalid signature

如果服务器端签名计算不对，将返回 invalid signature 的错误。解决方法如下：

1. 确认 AppID、jsapi_ticket 等参数是否正确
2. 确认 noncestr 是否生成正确
3. 确认生成 signature 时传入的 url 是否正确并且格式正确
4. 确认加密方法是否正确

示例2：config参数格式错误

如果在配置微信JS-SDK的 wx.config 方法中使用的参数格式不正确，将抛出 config参数格式错误 的错误。解决方法如下：

1. 确认 wx.config 方法使用的参数格式是否正确，正确格式如下：

javascript
wx.config({
debug: true,
appId: '',
timestamp: ,
nonceStr: '',
signature: '',
jsApiList: [
// JS接口列表
]
});

1. 确认传入的 appId、timestamp、nonceStr、signature 参数是否正确

示例3：所有JS接口只能在ready成功后调用

如果在 wx.ready 方法注册回调函数之前就已经调用了微信JS接口，将抛出 所有JS接口只能在ready成功后调用 的错误。解决方法如下：

1. 在调用微信JS接口前，先使用 wx.ready 方法注册一个成功回调函数
2. 在 wx.ready 方法注册回调函数之前，不要调用任何微信 JS 接口

示例4：无法使用分享等微信JS接口

如果使用微信 JS 接口无法触发分享等操作，解决方法如下：

1. 通过微信公众平台审核您的 AppID
2. 在微信公众平台中绑定您的网页安全域名
3. 确认在微信内部调用微信 JS 接口
4. 检查当前 access_token 是否已失效