wx.phoneSmsLogin

调用接口发起手机号验证码登录,获取临时登录凭证 (code),通过凭证进而换取用户标识信息等。

前置准备

使用 button 组件指定 open-type 触发接口向用户发送短信验证码。

参数

Object object

属性类型默认值必填说明
phoneNumberstring手机号
verifyCodestring验证码: 6位纯数字组成的字符串
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数

object.success 回调函数

参数
Object res
属性类型说明
codestring用户登录凭证(有效期五分钟)。开发者可以在开发者服务器调用 code2Verifyinfo,使用 code 换取用户标识信息等

object.fail 回调函数

参数
Object res
属性类型说明
errCodenumber错误码。0:请求成功
errMsgstring错误提示

res.errCode

errCode说明
-1system error
10001005多端应用未接入身份管理
10001006验证码错误
-700000前端错误,errMsg 将给出详细提示

示例代码

<input bindinput="onPhoneNumberChange" value="{{phoneNumber}}"/>
<button type="primary" open-type="sendPhoneSms" bindsendphonesms="onHandleLogin" phoneNumber="{{phoneNumber}}">发送验证码</button>
<input bindinput="onVerifyCodeChange" value="{{verifyCode}}"/>
<button bindtap="login">登录</button>
Page({
  data: {
    phoneNumber: '',
    verifyCode: ''
  },
  onVerifyCodeChange(e) {
    this.setData({ verifyCode: e.detail.value });
  },
  onPhoneNumberChange(e) {
    this.setData({ phoneNumber: e.detail.value });
  },
  onHandleLogin(e) {
    const detail = e.detail;
    console.log('sendphonesms errCode', detail.errCode)
  },
  login() {
    wx.phoneSmsLogin({
      phoneNumber: this.data.phoneNumber,
      verifyCode: this.data.verifyCode,
      success (res) {
        if (res.code) {
          //发起网络请求
          wx.request({
            url: 'https://example.com/onLogin',
            data: {
              code: res.code
            }
          })
        } else {
          console.log('登录失败!' + res.errMsg)
        }
      }
    })
  }
})