支付宝小程序获取用户授权并进行认证登录流程（前端）

最新推荐文章于 2024-08-08 21:44:40 发布

嘿！陈俊彦

最新推荐文章于 2024-08-08 21:44:40 发布

阅读量1.2w

点赞数 2

分类专栏： uni-app小程序文章标签：小程序前端

本文链接：https://blog.csdn.net/m0_44981797/article/details/125554379

版权

本文详细介绍了支付宝小程序如何获取用户授权并进行认证登录的流程，包括申请获取用户信息能力、用户信息授权登录的步骤，以及前端代码逻辑的梳理。通过my.getAuthCode接口获取用户授权，得到auth_code，后端调用alipay.system.oauth.token接口获取access_token，最后使用access_token查询用户信息。

摘要由CSDN通过智能技术生成

1.支付宝小程序获取用户授权并进行认证登录流程

1.1申请获取用户信息能力

登录功能做之前要先沟通好客户的需求，支付宝小程序获取用户授权调用相应的接口之前要先获得对应的能力。如果需要获取身份证号、手机号、姓名，则需要登录支付宝开放平台，登录企业账号后，在控制台–>能力管理–>添加“获取会员信息”能力。再向支付宝BD申请身份证、手机号、名字的字段。支付宝BD会在待开发的小程序上挂 “获取会员信息” 的功能包（具体可以咨询支付宝技术支持）。
在这里插入图片描述

1.2获取用户信息授权登录流程demo

在这里插入图片描述

1.3前端代码逻辑梳理及相关文档

1.3.1授权逻辑流程图

在这里插入图片描述
前端通过 my.getAuthCode(需要主动授权) 接口在当前页面唤起半屏授权浮层，用户确认授权后，接口返回 auth_code，将auth_code作为入参传给后端，后端调用alipay.system.oauth.token（换取授权访问令牌接口）获得access_token返给前端，前端再使用 access_token 调用 alipay.user.info.share（支付宝会员授权信息查询接口）获得用户信息。

1.3.2代码示例

async getAllUserInfo() {
   
	// 内置API唤起授权弹框，获取authCode，必须在授权回调地址页面中调用，否则会导致无法正常使用。
        my.getAuthCode({
   
		scopes: 'auth_user',  //获取用户信息的固定写法
		success: async (res) => {
   
			if (res.authCode) {
   
				uni.setStorageSync('authCode', res.authCode);
				//用authCode换accessToken
				await PatientService.queryAccessToken().then(res => {
   
					if(res.ok) {
   					
						//获取用户信息（身份证号，手机号，姓名）
						PatientService.getUserInfoshare().then (res => {
   						
							this.userInfo = res.data