小程序手机号登录，手机号验证码登录以及注册登录

一，手机号登录

在微信小程序中，可以通过调用 wx.login() 获取用户的登录凭证 code，然后将 code 发送给后端服务器，由后端通过微信提供的接口获取用户的手机号码。具体步骤如下：

// 前端页面的逻辑层
wx.login({
  success: (res) => {
    if (res.code) {
      // 获取到用户登录凭证 code
      const code = res.code;
      // 将 code 发送给后端服务器
      wx.request({
        url: ' ',（此处写自己的api）
        data: { code: code },
        method: 'POST',
        success: (res) => {
          console.log(res.data);
        },
        fail: (err) => {
          console.error('请求后端接口失败', err);
        },
      });
    } else {
      console.error('获取用户登录凭证失败', res.errMsg);
    }
  },
  fail: (err) => {
    console.error('调用 wx.login 失败', err);
  },
})；

二，手机号验证码登录

onMobileChange: function (event) {
        let mobile = event.detail.value
        // 正则表达式校验手机号格式
        if (/^1[3456789]\d{9}$/.test(mobile)) {
            // 手机号格式正确，获取验证码高亮，可以点击
            this.setData({
                hasMobile: true,
                mobile: mobile
            })
        } else {
            this.setData({
                hasMobile: false,
                mobile: mobile
            })
        }
    },

点击登录代码参考

onLogin: function(event) {
    const mobile = this.data.mobile
    const code = this.data.code
    if (!this.data.hasMobile || !this.data.hasCode) {
      return false
    }
    api.post({
      url: apiUrl.loginBySms,
      data: {
        mobile: mobile,
        code: code
      },
      success: res => {
        // 登录成功
        const data = res.results
      },
      fail: res => {
        // 登录失败
      }
    })
  },