小程序登录之支付宝授权的实现示例
众所周知,微信小程序是可以通过微信本身授权后再登录,平台可以拿到微信用的的账号相关信息,然后保存到数据库中,那么同理在支付宝小程序开发过程中,登录功能的设计也可以如此
上图是官方提供的时序图,具体看一下流程:
在小程序端获取auth_code,目的是获取用户授权码
把第一步获取的授权码auth_code传到咱们自己的后台,也就是说后台需要编写一个接口,方便小程序端的传入
varme=this; my.getAuthCode({ scopes:'auth_user',//主动授权(弹框):auth_user,静默授权(不弹框):auth_base success:(res)=>{ if(res.authCode){ //console.log(app.serverUrl+'/login/'+res.authCode); //调用自己的服务端接口,让服务端进行后端的授权认证 my.httpRequest({ url:app.serverUrl+'/login/'+res.authCode, method:'POST', header:{ 'content-type':'application/json' }, dataType:'json', success:(res)=>{ //授权成功并且服务器端登录成功 console.log(res); me.setData({ userInfo:res.data.data }); } }); } }, });
后台拿到这个auth_code之后,需要调用支付宝的授权平台,从而获取用户的唯一token以及支付宝的userid,都是唯一的,调用的接口为[alipay.system.oauth.token]
获取到userid后,判断一下这个userid是否在我们自己的数据库中存在,如果存在,直接获取信息,并且直接返回用户对象到前台;如果不存在,则需要从支付宝授权平台再一次去获取支付宝用户的信息。
调用[alipay.user.info.share],获取用户信息,这个用户对象里包含了大量的用户真实信息,具体参考如下
@Autowired privateUserServiceuserService; @ApiOperation(value="统一登录接口",notes="支付宝小程序唤起登录后调用",httpMethod="POST") @PostMapping("/login/{authCode}") publicIMoocJSONResultitems( @ApiParam(name="authCode", value="授权码", required=true, example="授权码")@PathVariableStringauthCode)throwsException{ //1.服务端获取access_token、user_id AlipaySystemOauthTokenResponseresponse=getAccessToken(authCode); if(response.isSuccess()){ System.out.println("获取access_token-调用成功"); /** *获取到用户信息后保存到数据 *1.如果数据库不存在对用的alipayUserId,则注册 *2.如果存在,则获取数据库中的信息再返回 */ StringaccessToken=response.getAccessToken(); StringalipayUserId=response.getUserId(); System.out.println("accessToken:"+accessToken); System.out.println("alipayUserId:"+alipayUserId); //2.查询该用户是否存在 UsersuserInfo=userService.queryUserIsExist(alipayUserId); if(userInfo!=null){ //如果用户存在,直接返回给前端,表示登录成功 returnIMoocJSONResult.ok(userInfo); }else{ //如果用户不存在,则通过支付宝api获取用户的信息后,再注册用户到自己平台数据库 //获取会员信息 AlipayUserInfoShareResponsealiUserInfo=getAliUserInfo(accessToken); if(aliUserInfo!=null){ UsersnewUser=newUsers(); newUser.setAlipayUserId(alipayUserId); newUser.setNickname(aliUserInfo.getNickName()); newUser.setRegistTime(newDate()); newUser.setIsCertified(aliUserInfo.getIsCertified().equals("T")?1:0); newUser.setFaceImage(aliUserInfo.getAvatar()); userService.createUser(newUser); returnIMoocJSONResult.ok(newUser); } } }else{ System.out.println("获取access_token-调用失败"); } returnIMoocJSONResult.ok(); } //服务端获取access_token、user_id privateAlipaySystemOauthTokenResponsegetAccessToken(StringauthCode)throwsException{ AlipayClientalipayClient=newDefaultAlipayClient("https://openapi.alipay.com/gateway.do", APPID,//1.填入appid PRIVATE_KEY,//2.填入私钥 "json", "GBK", ALIPAY_PUBLIC_KEY,//3.填入公钥 "RSA2"); AlipaySystemOauthTokenRequestrequest=newAlipaySystemOauthTokenRequest(); request.setGrantType("authorization_code"); request.setCode(authCode);//4.填入前端传入的授权码authCode request.setRefreshToken("201208134b203fe6c11548bcabd8da5bb087a83b");//0.不用管 AlipaySystemOauthTokenResponseresponse=alipayClient.execute(request); returnresponse; } //获取支付宝用户信息 privateAlipayUserInfoShareResponsegetAliUserInfo(StringaccessToken)throwsException{ AlipayClientalipayClient=newDefaultAlipayClient("https://openapi.alipay.com/gateway.do", APPID,//1.填入appid PRIVATE_KEY,//2.填入私钥 "json", "GBK", ALIPAY_PUBLIC_KEY,//3.填入公钥 "RSA2"); AlipayUserInfoShareRequestrequest=newAlipayUserInfoShareRequest(); AlipayUserInfoShareResponseresponse=alipayClient.execute(request,accessToken); if(response.isSuccess()){ System.out.println("获取会员信息-调用成功"); returnresponse; } returnnull; }
拿到的支付宝用户信息如图:
最终页面的展示效果为:
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。