【爆肝万字】SalesGPT 完全指南（四）：前端集成与测试部署实战

文章目录一、前端架构全景解析1.1 技术栈1.2 项目结构1.3 核心组件：ChatInterface二、前后端联调实战2.1 接口调用流程2.2 API 调用代码解析2.3 双栏布局设计2.4 本地联调步骤2.5 CORS 配置三、测试体系详解3.1 测试框架3.2 测试文件结构3.3 核心测试用例test_salesgpt.pytest_api.pytest_tools.py3.4 Mock 测试策略四、CI/CD 流水线解析4.1 GitHub Actions 配置4.2 多版本 Python 测试4.3 完整 CI 流程4.4 敏感信息管理4.5 跳过 CI 的技巧五、生产环境部署指南5.1 部署架构5.2 Docker 部署详解后端 Dockerfile（Dockerfile.backend）docker-compose.yml 配置项5.3 生产环境安全配置1. 启用 API 鉴权2. 鉴权中间件工作原理3. 其他安全建议5.4 性能优化建议后端优化前端优化5.5 监控与运维日志管理LangSmith 追踪PostHog 分析六、开源模型接入指南6.1 为什么使用开源模型？6.2 支持的开源模型6.3 接入步骤6.4 Ollama 快速上手七、生产环境 Checklist一、前端架构全景解析1.1 技术栈SalesGPT 前端采用现代化的 React 技术栈：技术版本用途Next.js14.1.0React 框架，支持 SSR/SSGReact18.2.0UI 库TypeScript5.x类型安全TailwindCSS3.3.0原子化 CSS 框架shadcn/ui-UI 组件库react-markdown9.0.1Markdown 渲染PostHog4.0.0用户行为分析UUID9.0.1会话