创建账号
++ 用邮箱注册:先收一个验证码,再设一个密码。邮箱就是你的登录账号。 +
+ + {!open && ( ++ 已经有账号了? + + 去登录 + +
+diff --git a/2.Design/API.md b/2.Design/API.md index 1f8cc2d..c85675e 100644 --- a/2.Design/API.md +++ b/2.Design/API.md @@ -37,6 +37,8 @@ | 2018 | 422 | 邮箱格式不对 | 就地提示 | | 2019 | 409 | 邮箱已被别的账号占用 | 换一个 | | 2020 | 502 | 发信失败(SMTP 认证/收件人/网络) | 去「系统设置」核对授权码 | +| 2021 | 400 | 邮箱验证码不对 / 已过期 / 试错次数用尽 | 重新获取验证码 | +| 2022 | 429 | 验证码发送过于频繁 | 等 60 秒再发 | | 3001 | 404 | 工作区不存在 | — | | 3003 | 403 | 不是该工作区成员 | **不要**提示"工作区不存在" | | 3004 | 403 | 角色权限不足 | 隐藏对应按钮 | @@ -69,19 +71,53 @@ ## 1. 认证 `/auth` -登录方式有三种,**默认只开密码那一种**。服务端把"现在开着哪些"告诉前端,前端据此渲染, -免得用户点进一条关着的路: +登录方式有四种,**默认只开「密码」和「邮箱注册」**。服务端把"现在开着哪些"告诉前端, +前端据此渲染,免得用户点进一条关着的路: ### `GET /auth/methods` ```json -{ "password": true, "email_password": true, "sms_code": false } +{ "password": true, "email_password": true, "sms_code": false, "email_register": true } ``` `SMS_LOGIN_ENABLED=false`(默认)时,`POST /auth/sms/send` 与 `POST /auth/login` 都回 `2017` 「短信验证码登录暂未开放」。理由:dev 环境的固定码等于"知道手机号就能进任何账号", 这条路必须显式打开,生产打开时还会强制要求真短信通道(见 `deploy` 文档的启动校验)。 +### `POST /auth/email/code` + +```json +{ "email": "someone@example.com" } +``` + +发一封注册验证码(6 位数字,`EMAIL_CODE_TTL_SECONDS` 默认 600 秒有效)。 +邮箱统一按小写处理;格式不对 → `2018`;**这个邮箱已经注册过 → `2019`**(让用户在填完密码前就知道); +60 秒内重复请求 → `2022`;发信配置没填或发不出去 → `2020`(不会假装发出去); +`EMAIL_REGISTER_ENABLED=false` → `2017`。 + +响应 `data: { sent: true, expires_in: 600 }`。**真发信时不回显验证码**; +只有本机联调(`EMAIL_CODE_DEV_ECHO=true`)时才带 `dev_code` 且不发信——这个开关在生产会直接拒绝启动。 + +### `POST /auth/register` + +```json +{ "email": "someone@example.com", "code": "123456", "password": "dadao2026", "nickname": "大道" } +``` + +```json +{ "user": { "id": "…", "phone": "", "email": "someone@example.com", "email_verified": true, … }, + "tokens": { "access_token": "…", "refresh_token": "…", "token_type": "bearer", "expires_in": 1800 } } +``` + +注册成功即登录态(直接返回 `tokens`)。规则: + +- 验证码不对 / 过期 / 试错超过 `EMAIL_CODE_MAX_ATTEMPTS`(默认 5)次 → `2021`;用完即作废,不能重放 +- 密码强度不够 → `2015`;邮箱已被占用 → `2019`;`EMAIL_REGISTER_ENABLED=false` → `2017` +- 昵称不填就取邮箱 `@` 前面那段 +- 建出来的账号**没有手机号**(`app_user.phone` 可空),所以 `user.phone` 回空串,不是星号串 + +邮箱是这类账号的唯一账号名与联系方式,所以注册必须真验一次码——"随手填一个"会让账号变成没人能找回的孤岛。 + ### `POST /auth/sms/send` ```json @@ -153,8 +189,8 @@ ### `GET /auth/me` 返回 `{ user, workspaces[] }`,`workspaces[].role` 是当前用户在该工作区的角色。 -`user` 里带 `has_password`(前端据此显示"设置密码"还是"修改密码")、`email`、`platform_admin` -(能不能进「系统设置」)。 +`user` 里带 `has_password`(前端据此显示"设置密码"还是"修改密码")、`email`、 +`email_verified`(这个邮箱是不是真验过)、`platform_admin`(能不能进「系统设置」)。 --- diff --git a/2.Design/ROADMAP-M0-M1.md b/2.Design/ROADMAP-M0-M1.md index f9ad756..a9ef962 100644 --- a/2.Design/ROADMAP-M0-M1.md +++ b/2.Design/ROADMAP-M0-M1.md @@ -603,3 +603,48 @@ 自动注册"造出来,关掉连 e2e 都造不出测试用户。生产是关的,所以生产**暂时没有注册入口**—— 要开放注册得先做「邮箱验证码注册 / 邀请注册」,这是下一步的事。 - 生产实拍:`2.Design/screens/prod-account-email.png`、`prod-settings-smtp.png`。 + +## 10. 邮箱验证码注册(2026-11-03) + +### 10.1 需求 + +手机上短信登录关掉后,生产没有注册入口。用户原话:"默认用邮件验证码注册吧;" + +### 10.2 决定 + +- **先发码再注册**:`POST /auth/email/code` → `POST /auth/register`,两步而不是"注册时顺带发信"。 + 理由:用户填完密码才被告知"这个邮箱注册过了"最气人,所以发码前就查重(`2019`)。 +- **邮箱既是账号名也是唯一联系方式**:注册必须真验一次码,"随手填一个"会让账号变成没人能找回的孤岛。 + 验证通过时间落 `app_user.email_verified_at`,`/auth/me` 回 `email_verified`。 +- **`app_user.phone` 改为可空**(迁移 0011):邮箱注册的账号本来就没有手机号。 + 老账号不受影响;`user.phone` 对这类账号回空串而不是星号串(成员列表同理)。 +- **防刷**:同邮箱 60 秒内只能发一次(`2022`);验证码 10 分钟有效;错 5 次即作废(`2021`)—— + 6 位数可以被刮,不设上限等于把注册口子交给脚本。 +- **本机联调开关** `EMAIL_CODE_DEV_ECHO`:为 true 时把码直接回给调用方且**不发真信**, + 否则每跑一次 e2e 就往真实收件箱塞一封。生产打开会让 `validate_runtime()` 拒绝启动。 + +### 10.3 后端 + +| 位置 | 内容 | +|---|---| +| `app/config.py` | `email_register_enabled`、`email_code_ttl_seconds=600`、`email_code_throttle_seconds=60`、`email_code_max_attempts=5`、`email_code_dev_echo`(生产校验拒绝) | +| `app/errors.py` | `EMAIL_CODE_INVALID=2021`(400)、`EMAIL_CODE_TOO_FREQUENT=2022`(429) | +| `app/models.py` | `AppUser.phone` 可空、`email_verified_at`;`AuthUser.phone: str \| None` | +| `alembic/versions/0011_email_signup.py` | `phone DROP NOT NULL` + `email_verified_at` + GRANT(downgrade 先给空手机号补占位值) | +| `app/stores.py` | `email_code_key` / `email_tries_key` / `email_throttle_key` | +| `app/services/mail.py` | `send_verify_code(session, to=…, code=…, minutes=…)`,纯文本 + HTML 两版 | +| `app/api/auth.py` | `POST /auth/email/code`、`POST /auth/register`、`/auth/methods` 加 `email_register` | + +### 10.4 Web + +- `pages/Register.tsx`(新):邮箱 / 验证码(60 秒倒计时)/ 密码(前端先按同一套规则提示)/ 确认密码 / 昵称(可不填,留空用邮箱前缀); + 注册成功直接写令牌进首页。服务端关了注册时整页只显示"联系管理员开通"。 +- `pages/Login.tsx`:`/auth/methods` 里 `email_register` 为真才显示「还没有账号?用邮箱注册」。 +- `App.tsx`:新增 `/register` 路由。 + +### 10.5 验证 + +- `backend/tests/test_email_signup.py`(9 例):真走 SMTP(monkeypatch 记账)、dev echo 不发信、 + 注册即登录、码用完不能重放、错码/过期、试错上限、邮箱占用、发码节流、弱密码、注册关闭时两条接口都回 2017。 +- e2e `web/e2e/register.mjs`:登录页进注册页 → 拿码(dev echo)→ 注册 → 落进首页 → 退出用「邮箱 + 密码」登回来 → + 同一个邮箱再发码回 `2019`。 diff --git a/2.Design/screens/web-register.png b/2.Design/screens/web-register.png new file mode 100644 index 0000000..e13d78f Binary files /dev/null and b/2.Design/screens/web-register.png differ diff --git a/backend/alembic/versions/0011_email_signup.py b/backend/alembic/versions/0011_email_signup.py new file mode 100644 index 0000000..0980990 --- /dev/null +++ b/backend/alembic/versions/0011_email_signup.py @@ -0,0 +1,41 @@ +"""app_user 支持邮箱注册:放开 phone 非空、记录邮箱已验证时间 + +手机验证码登录关掉以后,新用户是「邮箱 + 验证码」注册进来的,此时还没有手机号; +`app_user.phone` 原来 NOT NULL,不放开就没法插这类账号。 + +`email_verified_at` 用来区分"填了个邮箱字符串"和"这个地址确实验证过": +注册流程发码成功后写入;账号页手工绑邮箱时同一套流程。 + +Revision ID: 0011 +Revises: 0010 +""" + +from __future__ import annotations + +from alembic import op + +from app.roles import APP_ROLE + +revision = "0011" +down_revision = "0010" +branch_labels = None +depends_on = None + + +def upgrade() -> None: + # 邮箱注册的账号没有手机号:老账号都有值,放开非空不影响它们 + op.execute("ALTER TABLE app_user ALTER COLUMN phone DROP NOT NULL") + op.execute("ALTER TABLE app_user ADD COLUMN IF NOT EXISTS email_verified_at TIMESTAMPTZ") + op.execute( + "COMMENT ON COLUMN app_user.email_verified_at IS " + "'邮箱验证通过的时间;为空表示还没验证过这个地址'" + ) + # 本表全局(不挂租户),只补列不新增表,权限照旧:应用角色要能读写这些列 + op.execute(f"GRANT SELECT, UPDATE ON app_user TO {APP_ROLE}") + + +def downgrade() -> None: + # 回滚前先把没有手机号的账号补上占位值,否则加回 NOT NULL 会失败 + op.execute("UPDATE app_user SET phone = 'redeem-' || replace(id::text, '-', '') WHERE phone IS NULL") + op.execute("ALTER TABLE app_user DROP COLUMN IF EXISTS email_verified_at") + op.execute("ALTER TABLE app_user ALTER COLUMN phone SET NOT NULL") diff --git a/backend/app/api/auth.py b/backend/app/api/auth.py index dadda16..9d00c57 100644 --- a/backend/app/api/auth.py +++ b/backend/app/api/auth.py @@ -1,9 +1,12 @@ -"""认证:手机号 / 邮箱 + 密码,手机验证码可选。 +"""认证:手机号 / 邮箱 + 密码,邮箱验证码注册,手机验证码可选。 当前**默认关掉短信验证码**(`SMS_LOGIN_ENABLED=false`):内测阶段的固定验证码 等于"知道手机号就能进任意账号"。关掉后 `/auth/sms/send` 与 `/auth/login` 直接 回 2017,登录走「手机号 或 邮箱 + 密码」。登录页先问 `/auth/methods`,只显示 服务端真开着的登录方式,免得点进去才报错。 + +新用户走「邮箱 + 验证码」注册(`POST /auth/email/code` → `POST /auth/register`): +短信一关,就没有别的注册入口了。注册出来的账号没有手机号,`app_user.phone` 因此可空。 """ from __future__ import annotations @@ -11,10 +14,12 @@ from __future__ import annotations import hmac import re import secrets +from datetime import datetime, timezone from fastapi import APIRouter from pydantic import BaseModel, Field, model_validator from sqlalchemy import func, select +from sqlalchemy.ext.asyncio import AsyncSession from ..config import get_settings from ..deps import CurrentUser, SessionDep @@ -28,7 +33,15 @@ from ..security import ( password_problem, verify_password, ) -from ..stores import get_store, sms_code_key, sms_throttle_key +from ..services import mail +from ..stores import ( + email_code_key, + email_throttle_key, + email_tries_key, + get_store, + sms_code_key, + sms_throttle_key, +) router = APIRouter(prefix="/auth", tags=["认证"]) settings = get_settings() @@ -42,7 +55,9 @@ PASSWORD_FAIL_LIMIT = 10 PASSWORD_FAIL_TTL = 900 -def mask_phone(phone: str) -> str: +def mask_phone(phone: str | None) -> str: + if not phone: + return "" return f"{phone[:3]}****{phone[-4:]}" if len(phone) == 11 else "***" @@ -60,10 +75,11 @@ def _user_out(user: AppUser) -> dict: "id": str(user.id), "phone": mask_phone(user.phone), "email": user.email, + "email_verified": user.email_verified_at is not None, "nickname": user.nickname, "avatar_url": user.avatar_url, "has_password": bool(user.password_hash), - "platform_admin": user.phone in settings.platform_admin_phones, + "platform_admin": bool(user.phone) and user.phone in settings.platform_admin_phones, "created_at": user.created_at, } @@ -125,6 +141,7 @@ async def methods() -> dict: "password": True, "email_password": True, "sms_code": settings.sms_login_enabled, + "email_register": settings.email_register_enabled, } ) @@ -321,3 +338,126 @@ async def set_password(body: PasswordIn, user: CurrentUser, session: SessionDep) row.password_hash = hash_password(body.password) await session.flush() return ok({"has_password": True}) + + +# ── 邮箱注册 ──────────────────────────────────────────── +class EmailCodeIn(BaseModel): + email: str = Field(max_length=255, examples=["someone@example.com"]) + + +class RegisterIn(BaseModel): + """邮箱 + 验证码 + 密码,一步把账号建出来。 + + 昵称不填就取邮箱 @ 前面那段,别让新用户第一眼看到一个空名字。 + """ + + email: str = Field(max_length=255) + code: str = Field(min_length=4, max_length=8) + password: str = Field(min_length=1, max_length=64) + nickname: str | None = Field(default=None, max_length=32) + + +async def _email_taken(session: AsyncSession, email: str) -> bool: + stmt = select(AppUser.id).where(func.lower(AppUser.email) == email) + return (await session.execute(stmt)).first() is not None + + +@router.post("/email/code", summary="发送邮箱注册验证码") +async def send_email_code(body: EmailCodeIn, session: SessionDep) -> dict: + """发码前先查邮箱是否已被占用:让用户填完密码才发现"这个邮箱注册过了"最气人。""" + if not settings.email_register_enabled: + raise AppError( + ErrorCode.LOGIN_METHOD_DISABLED, + "邮箱注册暂未开放,请联系管理员开通账号", + ) + + email = normalize_email(body.email) + if not EMAIL_RE.match(email): + raise AppError(ErrorCode.EMAIL_INVALID, "邮箱格式不对") + if await _email_taken(session, email): + raise AppError(ErrorCode.EMAIL_TAKEN, "这个邮箱已经注册过了,直接登录即可") + + store = get_store() + if settings.email_code_throttle_seconds > 0: + hits = await store.incr(email_throttle_key(email), settings.email_code_throttle_seconds) + if hits > 1: + raise AppError( + ErrorCode.EMAIL_CODE_TOO_FREQUENT, + f"发送过于频繁,请 {settings.email_code_throttle_seconds} 秒后重试", + ) + + code = f"{secrets.randbelow(1_000_000):06d}" + await store.set(email_code_key(email), code, settings.email_code_ttl_seconds) + await store.delete(email_tries_key(email)) + + minutes = max(1, settings.email_code_ttl_seconds // 60) + if settings.email_code_dev_echo: + # 本机联调:不发真信,直接把码回给调用方(生产打开会被 validate_runtime 拒掉) + return ok( + { + "sent": True, + "expires_in": settings.email_code_ttl_seconds, + "dev_code": code, + } + ) + + await mail.send_verify_code(session, to=email, code=code, minutes=minutes) + return ok({"sent": True, "expires_in": settings.email_code_ttl_seconds}) + + +@router.post("/register", summary="邮箱注册(验证码 + 密码)") +async def register(body: RegisterIn, session: SessionDep) -> dict: + """邮箱注册:验码 → 建账号 → 直接发令牌,注册完就是登录状态。 + + 账号没有手机号(`phone` 为空),所以邮件是唯一联系方式——这也是为什么注册必须 + 真验一次码,而不是"填个邮箱就算"。 + """ + if not settings.email_register_enabled: + raise AppError( + ErrorCode.LOGIN_METHOD_DISABLED, + "邮箱注册暂未开放,请联系管理员开通账号", + ) + + email = normalize_email(body.email) + if not EMAIL_RE.match(email): + raise AppError(ErrorCode.EMAIL_INVALID, "邮箱格式不对") + + store = get_store() + stored = await store.get(email_code_key(email)) + if not stored: + raise AppError(ErrorCode.EMAIL_CODE_INVALID, "验证码已过期,请重新获取") + + tries = await store.incr(email_tries_key(email), settings.email_code_ttl_seconds) + if tries > settings.email_code_max_attempts: + await store.delete(email_code_key(email)) + raise AppError(ErrorCode.EMAIL_CODE_INVALID, "验证码错太多次,请重新获取") + + if not hmac.compare_digest(stored, body.code.strip()): + raise AppError(ErrorCode.EMAIL_CODE_INVALID, "验证码不对") + + problem = password_problem(body.password) + if problem: + raise AppError(ErrorCode.PASSWORD_WEAK, problem) + + # 拿到验证码之后这段时间里,别人可能已经用同一个邮箱注册完了 + if await _email_taken(session, email): + raise AppError(ErrorCode.EMAIL_TAKEN, "这个邮箱已经注册过了,直接登录即可") + + nickname = (body.nickname or "").strip() or email.split("@", 1)[0][:32] + user = AppUser( + email=email, + phone=None, + nickname=nickname, + password_hash=hash_password(body.password), + email_verified_at=datetime.now(timezone.utc), + status="active", + ) + session.add(user) + await session.flush() + + await store.delete(email_code_key(email)) + await store.delete(email_tries_key(email)) + await store.delete(email_throttle_key(email)) + + tokens = create_token_pair(user.id) + return ok({"user": _user_out(user), "tokens": _tokens_out(tokens)}) diff --git a/backend/app/api/workspaces.py b/backend/app/api/workspaces.py index 1ba9d81..332242b 100644 --- a/backend/app/api/workspaces.py +++ b/backend/app/api/workspaces.py @@ -132,7 +132,8 @@ async def list_members( "role": m.role, "status": m.status, "nickname": u.nickname, - "phone": f"{u.phone[:3]}****{u.phone[-4:]}", + # 邮箱注册的账号没有手机号:留空比显示一串星号诚实 + "phone": f"{u.phone[:3]}****{u.phone[-4:]}" if u.phone else "", "joined_at": m.joined_at, } for m, u in rows diff --git a/backend/app/config.py b/backend/app/config.py index 231c99d..0d67ddb 100644 --- a/backend/app/config.py +++ b/backend/app/config.py @@ -85,6 +85,20 @@ class Settings(BaseSettings): smtp_use_ssl: bool = True smtp_timeout_seconds: int = 10 + # ── 邮箱注册 ────────────────────────────────────────── + # 手机验证码关掉以后,新用户靠「邮箱 + 验证码」自己注册进来。 + # 注册必须真的发出验证码(发信配置在「系统设置」里),所以这个开关跟 SMTP 是否配好绑定: + # 没配 SMTP 时发码接口会回 2020,而不是假装发出去。 + email_register_enabled: bool = True + email_code_ttl_seconds: int = 600 + # 同一邮箱两次发码的最小间隔;测试里设为 0 可关闭节流 + email_code_throttle_seconds: int = 60 + # 一个邮箱最多试错几次验证码,超了就作废(防止把 6 位数当彩票刮) + email_code_max_attempts: int = 5 + # 开发/联调用:把验证码直接回给调用方,**不发真信**。 + # 生产打开等于任何人都能注册任意邮箱,所以 validate_runtime() 会直接拒绝启动。 + email_code_dev_echo: bool = False + # ── 幂等 ────────────────────────────────────────────── idempotency_enabled: bool = True idempotency_ttl_seconds: int = 86_400 @@ -163,6 +177,11 @@ class Settings(BaseSettings): "短信验证码登录开着(SMS_LOGIN_ENABLED=true),但 SMS_PROVIDER=dev 只会发固定验证码" "(等于知道手机号就能进);接真短信通道之前请把 SMS_LOGIN_ENABLED 关掉" ) + if self.email_code_dev_echo: + problems.append( + "EMAIL_CODE_DEV_ECHO=true 会把注册验证码直接回给调用方," + "等于任何人都能注册任意邮箱;生产必须关掉(只在本地联调时打开)" + ) if problems: raise RuntimeError("配置校验失败:" + ";".join(problems)) diff --git a/backend/app/deps.py b/backend/app/deps.py index 987a672..27174ba 100644 --- a/backend/app/deps.py +++ b/backend/app/deps.py @@ -27,7 +27,9 @@ ROLE_RANK: dict[str, int] = {"owner": 4, "admin": 3, "member": 2, "guest": 1} @dataclass(frozen=True) class AuthUser: id: uuid.UUID - phone: str + # 邮箱注册的账号还没有手机号,所以可空;用手机号的地方(平台管理员白名单)按 + # "空就不匹配" 处理,别拿 None 去比字符串。 + phone: str | None nickname: str diff --git a/backend/app/errors.py b/backend/app/errors.py index 9ca9538..7164b2a 100644 --- a/backend/app/errors.py +++ b/backend/app/errors.py @@ -33,6 +33,8 @@ class ErrorCode(IntEnum): EMAIL_INVALID = 2018 EMAIL_TAKEN = 2019 MAIL_SEND_FAILED = 2020 + EMAIL_CODE_INVALID = 2021 + EMAIL_CODE_TOO_FREQUENT = 2022 # 3xxx 租户 / 权限 WORKSPACE_NOT_FOUND = 3001 @@ -102,6 +104,8 @@ _HTTP_STATUS: dict[ErrorCode, int] = { ErrorCode.EMAIL_INVALID: 422, ErrorCode.EMAIL_TAKEN: 409, ErrorCode.MAIL_SEND_FAILED: 502, + ErrorCode.EMAIL_CODE_INVALID: 400, + ErrorCode.EMAIL_CODE_TOO_FREQUENT: 429, ErrorCode.WORKSPACE_NOT_FOUND: 404, ErrorCode.NOT_A_MEMBER: 403, ErrorCode.INSUFFICIENT_ROLE: 403, diff --git a/backend/app/models.py b/backend/app/models.py index 7b3d6eb..663d9ae 100644 --- a/backend/app/models.py +++ b/backend/app/models.py @@ -41,7 +41,9 @@ class AppUser(Base, Timestamps): __tablename__ = "app_user" id: Mapped[uuid.UUID] = mapped_column(PgUUID(as_uuid=True), primary_key=True, default=new_uuid) - phone: Mapped[str] = mapped_column(String(32), nullable=False, unique=True) + # 手机号可空:短信登录关掉以后,新账号是「邮箱 + 验证码」注册的,没有手机号。 + # 老账号照旧有;将来绑手机号(换绑/找回)再补。 + phone: Mapped[str | None] = mapped_column(String(32), unique=True) nickname: Mapped[str] = mapped_column(String(64), nullable=False, default="") avatar_url: Mapped[str | None] = mapped_column(String(512)) status: Mapped[str] = mapped_column(String(16), nullable=False, default="active") @@ -50,6 +52,9 @@ class AppUser(Base, Timestamps): # 邮箱:既是「邮箱 + 密码」登录的账号名,也是以后找回密码/发通知的去处。 # 可空(老用户还没有),唯一性由迁移里的 lower(email) 部分唯一索引保证。 email: Mapped[str | None] = mapped_column(String(255)) + # 邮箱验过的时间:注册时发码验证过就有值;账号页手工绑邮箱时也走同一个验证流程。 + # 用"有没有值"区分"填了个字符串"和"这个地址真是他的"。 + email_verified_at: Mapped[datetime | None] = mapped_column(DateTime(timezone=True)) class SystemSetting(Base, Timestamps): diff --git a/backend/app/services/mail.py b/backend/app/services/mail.py index 1ce8703..e222f92 100644 --- a/backend/app/services/mail.py +++ b/backend/app/services/mail.py @@ -200,3 +200,24 @@ async def config_payload(session: AsyncSession) -> dict: "source": "db" if row else "env", "updated_at": row.updated_at if row else None, } + + +async def send_verify_code(session: AsyncSession, *, to: str, code: str, minutes: int) -> None: + """发注册/验证用的数字验证码。 + + 模板写得朴素但说清楚了"谁在什么地方注册"和"不是你就算了"——收件箱里躺着一条 + 没头没尾的六位数,用户只会当成钓鱼。 + """ + text = ( + f"你的达道Task验证码是 {code}\n\n" + f"{minutes} 分钟内有效。如果不是本人操作,忽略这封邮件即可,账号不会有任何变化。" + ) + html = ( + '
你的达道Task验证码是:
" + f'{code}
' + f"{minutes} 分钟内有效。如果不是本人操作,忽略这封邮件即可,账号不会有任何变化。
" + "+ 还没有账号? + + 用邮箱注册 + +
+ )} +登录即表示同意《服务条款》与《隐私政策》。我们不会把你的内容用于训练模型。
diff --git a/web/src/pages/Register.tsx b/web/src/pages/Register.tsx new file mode 100644 index 0000000..b027b9b --- /dev/null +++ b/web/src/pages/Register.tsx @@ -0,0 +1,240 @@ +import { useEffect, useState } from "react"; +import { Link, useNavigate } from "react-router-dom"; +import { useAuth } from "../App"; +import { Logo } from "../components/icons"; +import { Button, Field, InlineAlert } from "../components/ui"; +import { ApiError, api, session, type Tokens } from "../lib/client"; +import type { User } from "../lib/types"; + +const EMAIL_RE = /^[^@\s]{1,64}@[^@\s]{1,190}\.[A-Za-z]{2,}$/; + +/** 跟后端 `password_problem` 同一套规则;本地只做"别白跑一趟"的提示,真判定在服务端。 */ +function passwordHint(password: string): string | null { + if (password.length < 8) return "至少 8 位"; + if (password.length > 64) return "最多 64 位"; + if (!/[A-Za-z]/.test(password) || !/\d/.test(password)) return "要同时有字母和数字"; + return null; +} + +/** + * 注册:邮箱 + 验证码 + 密码。 + * + * 为什么必须先验一次邮箱:短信登录关掉以后,邮箱是账号名也是唯一联系方式, + * "随手填一个" 会让账号变成没人能找回的孤岛。 + */ +export function RegisterPage() { + const { reload } = useAuth(); + const navigate = useNavigate(); + const [email, setEmail] = useState(""); + const [code, setCode] = useState(""); + const [password, setPassword] = useState(""); + const [confirm, setConfirm] = useState(""); + const [nickname, setNickname] = useState(""); + const [countdown, setCountdown] = useState(0); + const [sent, setSent] = useState(false); + const [devCode, setDevCode] = useState+ 用邮箱注册:先收一个验证码,再设一个密码。邮箱就是你的登录账号。 +
+ + {!open && ( ++ 已经有账号了? + + 去登录 + +
+