Next.js 用户管理（1）| 搭建登录注册系统

在现代 Web 应用中， 📱 手机号注册 & 登录 已成为一种常见的用户身份认证方式，特别是在移动端应用中，相比传统的用户名密码登录，它更加便捷，用户体验也更友好。本系列文章将详细介绍如何在 Next.js + MongoDB + Redis + JWT 的技术栈下，实现一个完整的用户管理系统。

本篇文章，我们将聚焦于 用户的手机号注册 & 登录，并搭建完整的 用户认证体系，包括：

🔹 用户注册 📝
🔹 用户登录 🔑
🔹 用户身份校验 🛡️
🔹 自动登录 & 退出登录 🔄

关于 短信验证码的发送与验证，将在下一篇文章中详细展开。

---

用通俗易懂的方式解释“登录”的逻辑

假设你有一个 私人俱乐部，只有注册会员才能进入。俱乐部的大门口有一个 保安（服务器），他的职责是：

1. 核验会员身份
2. 允许会员进入
3. 不让陌生人随便进来
4. 记录会员访问情况

📌 登录的 4 个步骤

🔹 第 1 步：用户来到了俱乐部（输入手机号）

• 用户在你的 网站（前端）上输入自己的 手机号，然后点“获取验证码”。
• 服务器 负责检查：
  1. 这个手机号格式对不对？
  2. 这个手机号是不是之前注册过？
  3. 生成一个验证码，并通过短信发送给用户。
  4. 把验证码存进“记事本”（数据库 / Redis），比如：

CopyEdit
手机号：13512345678
验证码：873451
过期时间：5分钟后

🔹 通俗理解：

你来到俱乐部，跟保安说：“我是会员，能进去吗？”
保安问你：“请出示你的会员卡（手机号），我核对一下。”
你提供手机号后，保安给了你一个 临时密码（验证码），并告诉你：“5 分钟内输入这个密码才能进去，否则过期无效。”

🔹 第 2 步：用户输入验证码

• 用户收到验证码 873451，然后在网站上输入。
• 服务