【需要进行身份验证】弹框解决方法
作者: dkvirus 发表于: 2018-06-25 15:41:00 最近更新: 2018-08-01 22:12:13

一、问题

在做微信小程序时,需要使用 Authorization 进行授权,结果每次登录的时候都出现这个弹窗。对 Authorization 不熟悉的,可以阅读 阮一峰-理解OAuth 2.0

微信小程序-需要进行身份验证

二、原因

部分代码如下,按说使用了 Authorization 授权时,会将用户名和密码用 base64 进行编码然后放到 header 中传入后端代码,就像这里的 'Authorization': 'Basic V0VDSEFUOldFQ0hBVAo=',在服务端也会有固定的用户名密码,与之比较,相同则身份通过,否则不通过才会出现上述这种弹窗。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
wx.request({
// .....
data: {
grant_type: 'password',
username: user.username,
password: user.password
},
header: {
'Authorization': 'Basic V0VDSEFUOldFQ0hBVAo=',
'Content-Type': 'application/x-www-form-urlencoded'
},
success: function (res) {
// ....
}
});

这里的 V0VDSEFUOldFQ0hBVAo=base64 解码之后确实是 WECHAT:WECHAT,格式为:用户名:密码,也就是用户名是 WECHAT,密码也是 WECHAT。截图如下,乍看好像是解码为 WECHAT:WECHAT,但事实并不是这样的。

base64 解码

在上面文本框中输入 WECHAT:WECHAT,点击编码按钮得到 V0VDSEFUOldFQ0hBVA==,可以看到与先前的 V0VDSEFUOldFQ0hBVAo= 并不一样。无疑下面这种直接对 WECHAT:WECHAT 进行编码得到的结果肯定是正确的,那上面那种是怎么出来的呢??可以试试在上面对话框输入 WECHAT:WECHAT 并且按一下 Enter 键进行换行,再点击编码就得到了之前的那种编码值。

base64 编码

可见:使用正确的编码之后,因为用户名和密码都正确,所以就不会再出现那种要求验证身份的对话框了。

三、解决

使用 base64 进行编码时,要注意不要多加了换行或者空格,得到的结果都是不一样的。

出现验证身份对话框的情景总结如下:

  • 用户名和密码错误;
  • 用户名和密码正确,但是使用 base64 编码错误,常见情形:多加了换行符或者空格符。
首页
友链
归档
dkvirus
动态
RSS