展开本页目录
开始前准备什么
- 下载独立练习包，保留 starter、reference 和原始输入。
- Python 3标准库与支持EventSource的浏览器；v0生成的Next.js工程需按实际导出依赖另配。
- 使用v0原生功能需相应账号和可用额度；本题作者参考可在本地独立运行。
- 准备六阶段任务与静态面板
- 在 v0 按合同补真实后端
- 启动作者本地事件服务
- 核对事件 ID 与完成关闭
- 观察第 3 条后的真实重连
- 检查未知任务与断网负例
- 从干净材料回读事件集合
starter、任务提示、具体输入、作者人工可运行参考与独立验证；不含账号/密钥/运行时数据库。
按本文环境运行，再对照原始输入和正反例。
1. 准备六阶段任务与静态面板
Python server.py 在后台每 0.45 秒写入真实事件。index.html 的 EventSource 只读这些数据，第 3 条后服务器断开一次。
2. 在 v0 按合同补真实后端
把 TASK.md 提示交给有权使用的 v0 账号，先做界面再补同源端点。本文没有运行该原生生成；reference/server.py 是作者的 Python 教学适配，并非 Next.js 导出源码。
交给目标 AI 工具的任务提示
先生成任务进度界面，再实现同源 SSE 后端：每条事件有 jobId/递增 id/阶段；客户端显示真实事件，禁止定时器伪造百分比。服务端保留本次进程事件，按 Last-Event-ID 补发；done 后关闭连接。提供断连与未知任务负例。
3. 启动作者本地事件服务
本地运行 python3 reference/server.py --port 0，按终端 PORT= 打开。点“创建新任务”，确认 1–3 条来自服务器。
4. 核对事件 ID 与完成关闭
在 index.html 检查 event ID 去重和 done 时 close；不要让 setInterval 自动加进度。进程内 JOBS 保存的是当前练习状态，重启不会耐久恢复。
5. 观察第 3 条后的真实重连
本地服务实际在第 3 条切断连接。观察 reconnecting 后补收 4–6，连接证据应出现 lastEventId: 3。
6. 检查未知任务与断网负例
点“检查未知任务”，应得到 HTTP 404。还可停止后端，确认页面不会继续靠时钟显示成功。
7. 从干净材料回读事件集合
运行 python3 reference/verify.py。独立 HTTP 校验应读到 [1,2,3,4,5,6]，从 ID 4 补发只含 5、6，未知任务为 404。
怎样确认已经完成
- 完成日志的事件 ID 与外置六阶段清单一致，重连后没有漏项和重复行。
- 任务停止时进度不会靠前端计时自行完成；done 后连接关闭。
- 未知 jobId 与教学失败任务显示明确错误，不被渲染成成功。
常见问题
v0 做的进度条怎么接真实任务进度？
在 index.html 检查 event ID 去重和 done 时 close；不要让 setInterval 自动加进度。进程内 JOBS 保存的是当前练习状态，重启不会耐久恢复。
AI 生成的日志页面断网后怎么接着显示？
本地服务实际在第 3 条切断连接。观察 reconnecting 后补收 4–6，连接证据应出现 lastEventId: 3。
哪些结果已执行，哪些仍需原生账号验证？
本地原生 EventSource/HTTP 已实跑：六条事件、ID=3 重连补发、未知任务 404。v0 原生生成/GitHub/部署未执行；Python 参考不是 v0 的 Next.js 导出。