JS实现短信验证码一键登录功能

// 前端代码
function sendVerificationCode() {
  let phoneNumber = document.getElementById("phoneInput").value;
  // 发送请求给后端，请求发送短信验证码
  axios.post("/sendVerificationCode", { phoneNumber })
    .then(response => {
      // 短信验证码发送成功的处理逻辑
      console.log(response.data);
    })
    .catch(error => {
      // 短信验证码发送失败的处理逻辑
      console.error(error);
    });
}
function login() {
  let phoneNumber = document.getElementById("phoneInput").value;
  let verificationCode = document.getElementById("codeInput").value;
  // 发送请求给后端，验证短信验证码
  axios.post("/verifyCode", { phoneNumber, verificationCode })
    .then(response => {
      // 短信验证码验证成功的处理逻辑
      console.log(response.data);
      window.location.href = "/loginSuccess";
    })
    .catch(error => {
      // 短信验证码验证失败的处理逻辑
      console.error(error);
    });
}
// 后端代码（Node.js Express框架）
app.post("/sendVerificationCode", (req, res) => {
  let phoneNumber = req.body.phoneNumber;
  // 生成随机的6位数字验证码，并通过短信平台发送给用户的手机
  // ...
  res.json({ success: true, message: "验证码发送成功" });
});
app.post("/verifyCode", (req, res) => {
  let phoneNumber = req.body.phoneNumber;
  let verificationCode = req.body.verificationCode;
  // 验证短信验证码是否正确
  if (verificationCode === "123456") {
    res.json({ success: true, message: "登录成功" });
  } else {
    res.json({ success: false, message: "验证码错误" });
  }
});