first commit

ARCHITECTURE.md

@@ -0,0 +1,81 @@
+# 架构说明
+
+本文档描述项目中的主要模块、职责划分以及关键流程，帮助维护者快速理解整体结构。
+
+## 模块概览
+
+```
+├── README.md              // 使用说明与命令入口
+├── ARCHITECTURE.md        // 架构与流程说明（本文档）
+├── login.md               // 需求与步骤原始描述
+├── block.md               // 滑块破解背景与参考脚本
+├── src/
+│   ├── login.ts           // 豆瓣登录主流程（Cookie 复用、短信登录、滑块自动化）
+│   └── slider.ts          // 滑块模拟工具函数与命令行入口
+└── typescript-spec.md     // TypeScript 编码规范与示例
+```
+
+## 登录流程分层
+
+```
+┌─────────────────────────────────────────────┐
+│ main()                                      │
+│  - 创建浏览器                               │
+│  - 复用或创建上下文                         │
+│  - 调用 loginWithSms()                      │
+│  - 保存 Cookies                             │
+└─────────────────────────────────────────────┘
+                 │
+┌────────────────▼────────────────────────────┐
+│ loginWithSms()                               │
+│  - 输入手机号                                │
+│  - 点击“获取验证码”                          │
+│  - trySolveSlider() 自动滑块（可选）         │
+│  - 提示人工输入短信验证码                   │
+│  - 提交并校验登录状态                       │
+└────────────────▲────────────────────────────┘
+                 │
+┌────────────────▼────────────────────────────┐
+│ trySolveSlider()                             │
+│  - locateSlider() 识别滑块所在 frame/元素    │
+│  - inferSliderDistance() 推测拖动距离        │
+│  - performSlide() 实际模拟拖动（来自 slider.ts）│
+│  - 检查滑块成功标记                          │
+└─────────────────────────────────────────────┘
+```
+
+- `prepareContext()`：独立负责 Cookie 复用与上下文创建。
+- `isLoggedIn()`：封装登录状态检测逻辑，避免主流程重复判断。
+- `slider.ts`：抽离通用滑块控制方法，既服务登录流程，也支持命令行调试。
+
+## 依赖与交互
+
+- Playwright：浏览器自动化；
+- Node.js：运行环境、文件/路径操作；
+- readline：控制台交互，输入验证码；
+- 环境变量：控制手机号、滑块自动化开关与参数；
+- `~/cookies.json`：持久化登录态，供下一次运行直接复用。
+
+## 扩展点
+
+- **滑块识别**：`sliderHandleSelectors` 与 `sliderTrackSelectors` 可按需扩充、覆盖，以支持不同验证码厂商。
+- **距离计算**：先截取背景图与拼图块做模板匹配确定缺口位置，必要时退回二值化列分析，再配合多组偏移反复尝试；也可用 `DOUBAN_SLIDER_DISTANCE` / `DOUBAN_SLIDER_OFFSETS` 手动覆盖。
+- **距离推断**：默认通过轨道宽度估算，特殊情况可直接设置 `DOUBAN_SLIDER_DISTANCE`。
+- **验证码输入**：目前依赖人工短信验证码，可接入短信网关或 API 进一步自动化。
+- **多账号管理**：现仅支持单账号，可通过配置文件或参数改造为批量登录。
+
+## 数据流
+
+1. 启动脚本读取 `DOUBAN_PHONE`、Cookies 路径等基础配置；
+2. 初始化浏览器上下文，必要时进入登录页面；
+3. 提交手机号，触发滑块验证；
+4. 若启用自动滑块，定位组件并拖动；否则提示人工操作；
+5. 读取短信验证码，提交登录表单；
+6. 验证成功后将 `storageState` 写入 `cookies.json`；
+7. 后续执行逻辑复用当前登录态或退出浏览器。
+
+## 日志与错误处理
+
+- 主流程捕获未处理异常并输出错误信息；
+- 自动滑块阶段出现异常时仅发出警告并回退到人工操作；
+- CLI 提示说明每一步的执行结果，便于排查问题。