API 服务开发 / 配套实验

让浏览器调用你的 FastAPI

先启动 http://127.0.0.1:8000 的 API，再通过 http://localhost:5500/web-client.html 打开此页。在开发者工具的 Network 面板中观察请求。

01 · POST /products

浏览器发送 JSON 请求体，服务创建商品并返回 201。

新商品默认未上架；0 分只用于免费教学样品。

等待请求

02 · GET /stream · SSE

模拟商品清单导出进度：服务连续发送 token 事件，最后发送 done。本实验只演示进度传输，不生成文件。

未连接

收到的文本会显示在这里

03 · /ws · WebSocket

用商品咨询演示双向传输，服务仅回显问题。这里的文本 ping 是应用约定，不是协议控制帧。

未连接

服务端消息会显示在这里

本页只在本机练习。CORS 允许来源为 localhost:5500 和 127.0.0.1:5500；请勿双击 HTML 使用 file:// 打开。