Day 30:Client 端总览 — Web UI 前端架构
今日目标
- 理解 dsh 前端的整体架构
- 读
packages/client/的目录结构 - 理解前端的分层架构(通信层/运行时层/UI 渲染层/插槽系统)
- 理解前端和 Host 端的通信方式
- 理解前端的技术栈(框架/构建工具/状态管理)
- 理解前端的启动流程
- 理解前端的状态管理
- 动手观察前端的网络请求
前置知识
- 前四周已完成
- Day 12-13 理解了 Host 端的 webserver 和 apiproxy
- 对 Web 前端开发有基本了解(HTML/CSS/JavaScript)
- 对 HTTP 和 WebSocket 有基本了解
任务 1:Client 端总览
1.1 什么是 Client 端?
Client 端是 dsh 的 Web UI 前端,运行在浏览器中。它负责:
- 显示会话列表和消息历史
- 接收用户输入并发送到 Host 端
- 实时显示模型输出(流式响应)
- 显示