支付宝小程序学习1--用户授权/获取用户手机号

支付宝小程序开放接口文档: https://www.bookstack.cn/read/alipay-mini/open-api.md

1.用户授权

在onShow时期使用

my.getAuthCode({
          
   
    /** scopes授权类型:
   	auth_base(静默授权)
    auth_user(主动授权)
    auth_zhima(芝麻信用)
    */
      scopes: auth_base,
      success: (res) => {
          
   
         /**success 返回值:
   		authCode(授权码)
   		 */
        if (res.authCode) {
          
   
          this.setData({
          
   
            authCode: res.authCode
          })

        }
      },
    });

2、获取用户手机号

需要将 组件 open-type 的值设置为 getAuthorize

<button open-type="getAuthorize"
		onGetAuthorize="onGetAuthorize"
		onError="onAuthError"
		scope=phoneNumber
>
    授权手机号</button>
属性 说明 open-type getAuthorize为授权组件 onGetAuthorize 授权成功回调 onError 授权失败回调 scope phoneNumber

用户点击同意后,即可通过my.getPhoneNumber()获取用户绑定的手机号 在 onGetAuthorize方法里用,有授权码,防止多次点击

/** btnLoading 防止点击多次 **/
    <button type="primary" 
    open-type="getAuthorize" 
    onGetAuthorize="{
          
   {!btnLoading?onGetAuthorize:}}" 
    onError="{
          
   {!btnLoading?onAuthError:}}" 
    scope="{
          
   {!btnLoading?phoneNumber:}}">
    支付宝用户快捷登录</button>
经验分享 程序员 微信小程序 职场和发展