3.2 前后端通吃！用 Streamlit + FastAPI 丝滑集成你的 AI Agent

3.2 前后端通吃！用 Streamlit + FastAPI 丝滑集成你的 AI Agent

导语：蓝图已经绘就，是时候砌上第一块砖了。一个生产级的 AI 应用，绝不仅仅是后台的智能逻辑，更需要一个稳定可靠的服务端和一个与用户流畅交互的前端界面。在本章中，我们将进行一次“全栈开发”的冲刺，亲手搭建“旅小智”项目的骨架。你将学会如何使用 FastAPI 快速构建一个高性能的后端服务，并为我们的 LangGraph Agent 暴露标准的 API 接口。紧接着，我们将使用 Streamlit，在不写一行 JavaScript 的情况下，构建一个漂亮的、支持流式对话的聊天机器人前端。学完本章，你将拥有连接“智能大脑”与“用户界面”的關鍵技能，实现从后端到前端的“丝滑”集成。

目录

1. 项目结构搭建：建立一个清晰、可扩展的工程
   • 创建 trip-genius/ 根目录
   • 子目录划分：app/ (后端), ui/ (前端), agents/ (智能体)
2. 后端开发（FastAPI）：构建 Agent 的“神经中枢”
   • 环境准