发送短信验证码

iOS >= 0.7.13 支持，Android >= 0.7.5 支持。

通过 button 组件指定 open-type 为 sendPhoneSms，可触发向指定手机号发送手机验证码。

button 组件参数

属性	类型	默认值	必填	说明
phoneNumber	string		是	手机号
open-type	string		是	sendPhoneSms 为发送手机验证码
sms-type	number	0	否	发送手机验证码的类型
bindsendphonesms	Function		否	获取用户手机号回调，open-type=sendPhoneSms时有效

sms-type

值	说明
0	作为 wx.phoneSmsLogin 的前置流程
1	作为 wx.miniapp.bindPhone 的前置流程

bindsendphonesms 回调参数

Object res

属性	类型	说明
errCode	number	错误码
errMsg	string	错误提示

示例代码

<input bindinput="onPhoneNumberChange" value="{{phoneNumber}}"/>
<button type="primary" open-type="sendPhoneSms" sms-type="{{0}}" 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)
        }
      }
    })
  }
})