注册与认证

BakLab 提供了规范且便捷的身份认证界面。用户既可以通过注册本地账户登录，也可以通过弹窗中的社交账号按钮一键完成身份验证。

1. 本地账户注册操作步骤

操作步骤与表单说明

1. 唤起注册弹窗：在页面顶部导航栏右上角，点击 “登录 / 注册” 链接按钮。在弹出的模态框顶部，切换至 “注册新账户” 选项卡。
2. 填写表单字段信息：
   • 用户名：输入 4 至 20 位字符，必须以字母或数字开头和结尾，中间允许使用点（.）、下划线（_）和连字符（-）。例如 alice_2026。
   • 电子邮箱 / 手机号：输入合法的邮箱地址（如 alice@example.com）或 11 位中国大陆手机号（如 13800138000）。
   • 设置密码：设置 12 至 64 位强密码，必须同时包含：
     • 至少 1 个小写字母 (a-z)
     • 至少 1 个大写字母 (A-Z)
     • 至少 1 个数字 (0-9)
     • 至少 1 个指定符号（! @ # $ % ^ & *）
   • 确认密码：重新输入一次相同的密码以防止输入错误。
3. 提交表单：检查填写的表单信息无误后，点击表单底部的蓝色 “确认注册” 按钮。
4. 处理校验提示：如果输入的用户名已存在或密码强度不达标，弹窗顶部将出现 红色警告提示框（例如 “密码格式错误：必须包含大小写字母、数字和特殊字符”），请根据提示修正后重新点击提交。

后端使用行业标准哈希算法对注册密码进行加密存储。任何人员均无法明文查看你的原始密码。

2. 本地账号登录操作步骤

1. 点击顶部导航栏右上角 “登录 / 注册” 按钮，默认停留在 “账号登录” 标签页。
2. 输入凭证：
   • 在 账号 输入框中输入你的注册用户名、电子邮箱或手机号；
   • 在 密码 输入框中输入对应的密码。
3. 提交登录：点击 “登录” 按钮。
4. 登录成功反馈：登录成功后弹窗自动关闭，页面自动刷新。顶部导航栏右上角替换为你的 用户头像、用户名 以及 未读消息图标。

3. 第三方社交账号一键登录

如果当前 BakLab 实例启用了第三方社交认证，登录弹窗底部会展示 快捷登录 区域。

认证交互流程图

sequenceDiagram
    autonumber
    actor User as 用户
    participant FE as BakLab 前端界面
    participant BE as BakLab 后端服务
    participant OAuth as 第三方平台 (Google/GitHub/MS)

    User->>FE: 点击快捷登录图标 (如 "GitHub 登录")
    FE->>BE: 请求授权重定向链接
    BE-->>FE: 返回授权重定向地址
    FE->>OAuth: 浏览器跳转至授权页面
    User->>OAuth: 点击 "授权同意" 按钮
    OAuth-->>FE: 携带授权码回调重定向回 BakLab
    FE->>BE: 自动提交授权码交换登录凭证与资料
    BE-->>FE: 颁发安全登录凭证并保存会话
    FE-->>User: 弹窗关闭，显示登录成功状态

操作步骤：

1. 在登录弹窗下方的“社交账号登录”面板中，点击对应的图标按钮：
   • “使用 Google 账号登录”
   • “使用 GitHub 账号登录”
   • “使用 Microsoft 账号登录”
2. 浏览器将自动跳转至对应的平台授权页面。输入你的社交账号密码并点击 “授权同意”。
3. 授权完成后自动重定向回 BakLab，系统会自动为你创建或绑定账户并完成登录。

4. 退出登录操作步骤

1. 将鼠标悬停或点击顶部导航栏右上角的 用户头像。
2. 在展开的下拉菜单最下方，点击 “退出登录” 按钮。
3. 前端将自动清除本地存留的登录凭证，页面刷新并恢复为未登录视图。