本章内容：1.NewSandbox首页开发 2.sidemenu侧边栏开发 3.Topheader顶部栏开发。

本文介绍了WebSocket的基础使用方法和心跳检测机制实现。首先展示了WebSocket在前端(React)和后端(Node.js)的基本实现流程，包括建立连接、消息收发和错误处理。随后详细讲解了心跳检测机制的原理，通过定时发送心跳包来维持连接有效性。前端部分提供了完整的封装类实现，包含连接管理、心跳检测、断线重连等功能。核心是通过状态标记和定时器实现连接状态的监控和维护，确保WebSocket

本文介绍了如何在项目中接入AI服务的完整流程。首先搭建一个Node.js后端服务作为接口转发层，使用OpenAI API与AI服务器通信。然后创建简单的前端界面进行消息收发和渲染。接着重点讲解了如何改造后端服务实现流式响应（SSE协议），包括设置响应头、逐字返回数据格式和断开连接处理。最后演示了前端如何接收流式数据并实现打字机效果。文章提供了完整的代码示例，涵盖从基础接口对接到高级流式处理的全过程