uniapp授权登录微信支付宝小程序获取code和基础信息

项目背景：采用uniapp框架开发微信和支付宝两端小程序，前端授权基础信息和code传给后端获取openid（微信）和user_id（支付宝）建立用户体系。

项目描述：之前分开用原生框架开发的时候，都分别做过，现在既然统一用同一套框架了，所以尽量都用统一套写法去实现。

想起来简单，但做起来还是略有不同，因为这块毕竟是授权相关，不像那些纯展示的内容，属于各平台特有的东西的，下面是踩坑过后的总结，记录如下：

一、uni.getProvider 获取服务供应商

获取服务供应商 - uni-app官网 (dcloud.io)

// 获取服务供应商
uni.getProvider({service: 'oauth',success: function (res) {console.log(res.provider)}
});

二、uni.login 获取用户登录凭证code

// 获取用户登录凭证code
uni.login({provider: res.provider,success: function (loginRes) {console.log('uniapp登录凭证',loginRes);}
});

三、uni.getUserInfo 获取用户基础信息

// 获取用户基础信息 无需授权 不含code
uni.getUserInfo({provider: res.provider,success(res) {// 测试只有在微信端能拿到 支付宝端拿不到console.info('uniapp用户基础信息',res)}
});

以上三步，在微信端看没有任何问题，无需授权弹框，可以正常获取用户基础信息及code，code进行验证后也可以正常拿到openid。但是在支付宝端稍微有点问题，会发现code是正常返回的，但是用户基础信息拿不到，提示无效的授权关系。

所以这块我们想到的方案是针对支付宝单独写一个授权，采用my.getAuthCode获取authCode，注意这里的scopes分为两种auth_base和auth_user，前者拿到code只能获取user_id无需弹框授权，后者拿到的code可以同时获取user_id和其他用户基础信息，需要弹框授权。

// #ifdef MP-ALIPAY
my.getAuthCode({scopes: 'auth_user',success: (auth) => {console.log('支付宝授权凭证',auth)},
});
// #endif

全部代码如下：

// 统一登录
changeLogin(){// 获取服务供应商let self = this;uni.getProvider({service: 'oauth',success: function (res) {console.log(res.provider)self.provider = res.provider[0];// 获取用户登录凭证codeuni.login({provider: self.provider,success: function (loginRes) {console.log('uniapp统一登录凭证',loginRes)// 获取用户基础信息 无需授权 不含codeuni.getUserInfo({provider: self.provider,success(infoRes) {// 测试只有在微信端能拿到 支付宝端拿不到console.info('uniapp用户基础信息',infoRes)// #ifdef MP-ALIPAYmy.getAuthCode({scopes: 'auth_user',success: (auth) => {console.log('支付宝授权凭证',auth)},});// #endif}});}});}});
}

20211229更新

关于授权基础信息发现微信环境静默获取的用户信息昵称全都是‘微信用户’

使用button结合getUserProfile调用再次查看发现基础信息里还是拿不到省市区和基础信息

支付宝环境使用my.getAuthCode传参auth_user静默获取用户基础信息发现也不行了，需要使用按钮触发用户授权才能拿到。

<button open-type="getAuthorize" scope='userInfo' @getAuthorize="scopeUserInfo" onError="onAuthError"></button>

scopeUserInfo() {my.getUserInfo({success: (infoRes) => {console.log('支付宝用户基础信息',infoRes);this.sendUserInfo(infoRes.userInfo.avatarUrl,infoRes.userInfo.nickName);},});
},