最近遇到这么个坑,偶然请求己方服务器授权登录失败,百度上一堆复制黏贴的文章并不靠谱,最终在微信论坛上看到解决规划。
网上有些是说iv内空格导致解密失败,我出错的情况下并没有出现空格,排除这种情况。
有说是因为请求顺序,但是按照微信官方文档,似乎并不是最新的,至少我授权方式不完全跟文档一样。
我的授权方式
通过添加一个按钮并且设置 open-type="getUserInfo"
在按钮点击事件里,会返回一些授权登录需要用到的字段如:iv、encryptedData、signature、rawData 这个时候再调用 wx.login() 去获取code,整合以上数据向己方服务器发送请求获取用户唯一标识 token。 通过以上的方式是可以成功登录,但是偶然会出现请求己方服务器授权登录失败,再一次就会成功。 原因在于请求顺序,这里的请求顺序是先请求 wx.getUserInfo(按钮) 再请求 wx.login()。有时候获取code后iv已经失效,所以失败。 解决规划:在请求 wx.login() 后,调用一次 wx.getUserInfo(废弃接口) ,更新iv等信息。注意:这里调用的废弃接口只是不再弹出授权请求窗口,但还是能够获取到 iv 等信息,授权接口弹窗已将在点击按钮的时候弹出,并且授权了,所以没毛病。 再总结一下,正确的顺序:wx.getUserInfo(按钮) -> wx.login() -> wx.getUserInfo(废弃接口),整合以上操作获取到的最近数据 code、iv、encryptedData、signature、rawData 传给己方服务器,授权登录成功。
以下贴上我的业务代码
- // 点击微信登录
- wechatAction: function(e) {
- // 用户点击授权
- // 先保存获取到的微信用户信息
- const { nickName, avatarUrl } = JSON.parse(e.detail.rawData)
- tShopfas.setData({
- nickName: nickName,
- avatarUrl: avatarUrl
- })
- // 获取微信code
- tShopfas.reqWechatCode()
- },
- // 微信登录:获取code
- reqWechatCode: function() {
- // 授权接口登录接口
- let that = tShopfas
- // 从微信获取code
- wx.showLoading({
- title: '获取code',
- })
- wx.login({
- success: function (res) {
- if (res.code) {
- wx.getUserInfo({
- success: function (res) {
- // 保存微信登录参数
- const { encryptedData, iv, signature, rawData } = res
- that.setData({
- encryptedData: encryptedData,
- iv: iv,
- signature: signature,
- rawData: rawData
- })
- that.wxLoginReq(res.code)
- }
- })
- } else {
- wx.showToast({
- title: '获取code失败,请重试',
- icon: 'none'
- })
- }
- wx.ShopfadeLoading()
- }
- })
- },
- // 根据获取到的code 向服务器发送登录请求 获取token
- wxLoginReq: function (code) {
- let that = tShopfas
- wx.showLoading({
- title: '获取token中',
- })
- // 拿到code 再加上 encryptedData, iv, rawData, signature 等参数,请求token
- let encryptedData = that.data.encryptedData
- let iv = that.data.iv
- let signature = that.data.signature
- let rawData = that.data.rawData
- var req = require('../../util/Request.js')
- // 请求成功
- let success = function(res) {
- // console.log(res)
- wx.ShopfadeLoading()
- // 缓存token
- const { token, user_id } = res.data.data
- let userInfo = {
- token: token,
- user_id: user_id,
- nickName: that.data.nickName,
- avatarUrl: that.data.avatarUrl
- }
- getApp().setUserInfo(userInfo)
- // 同步用户信息
- getApp().loginSuccess(function () {
- wx.navigateBack({})
- })
- }
- // 请求失败
- let fail = function(res) {
- wx.ShopfadeLoading()
- wx.showToast({
- title: '获取token失败,请重试',
- icon: 'none'
- })
- }
- // 登录请求
- req.reqLogin(code, encryptedData, iv, rawData, signature, success, fail)
- },
第二部分:如何开通一个小商店
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。