背景

大家知道微信小程序比较火,商家基本都会做微信小程序,支付宝小程序相对少,但是现在支付宝开始大力推广小程序,并且最近国家又颁布解除外链,我相信在这些背景下,支付宝小程序以后也会越来越火。对想接私活的开发者来说是个好机会,值得好好研究。授权登录感觉有很多人不是太懂,今天我就分享支付宝小程序的授权登录。

前期准备

1 在支付宝平台开通一个小程序,拿到支付宝小程序APPID,然后配置对应的秘钥公钥。

2 后端引入开发SDK

<!-- 支付宝开发SDK --> <dependency> <groupId>com.alipay.sdk</groupId> <artifactId>alipay-sdk-java</artifactId> <version>4.16.50.ALL</version> </dependency>

3 下载好支付宝小程序开发者工具。

流程

1 前端写好个人中心的授权页面

<view a:if='{{!isShowUserName}}' class='btn-login'> <button open-type='getAuthorize' type='primary' class=' primary-style' onGetAuthorize='onGotUserInfo' scope='userInfo'> 授权登陆 </button> </view>

2 加载方法中判断是否已经授过权, 如果授权则隐藏授权按钮,同时展示用户信息

支付宝小程序授权登录怎么取消(支付宝小程序授权登录还在纠结吗)(1)

支付宝小程序授权登录怎么取消(支付宝小程序授权登录还在纠结吗)(2)

获取用户信息

支付宝小程序授权登录怎么取消(支付宝小程序授权登录还在纠结吗)(3)

3 如果没有授权,则点击授权按钮进行授权

支付宝小程序授权登录怎么取消(支付宝小程序授权登录还在纠结吗)(4)

4 同意

支付宝小程序授权登录怎么取消(支付宝小程序授权登录还在纠结吗)(5)

注意

特别说明: 获取用户信息和获取用户ID的一定要分成2个步骤。如果要示例源码,私信:支付宝登录源码。

,