旅途星辰 (TripStar) 是一个基于 HelloAgents 框架打造的创新 AI 文旅智能体应用。它不再是一个简单的搜索工具，而是一位拥有多领域专家团队的“虚拟旅行管家”。通过 多智能体 (Multi-Agent) 协作架构，TripStar 能像人类专家一样，全面理解您的个性化偏好，自动完成信息检索、天气查询、酒店筛选、路线编排及预算核算，瞬间生成一份详尽、可行且充满惊喜的旅行计划。

核心亮点：重新定义旅行规划

1. 多智能体协同工作流 (Agentic Workflow)

TripStar 摒弃了单一模型“单打独斗”的模式，采用分工明确的 Agent 团队：

🗺️ 景点规划师：调用地图工具，基于兴趣点 (POI) 寻找最佳打卡地。
🌤️ 天气管家：实时查询目标日期的气候状况，动态调整户外/室内活动建议。
🏨 机酒专员：根据预算范围与风格偏好，精选高性价比住宿与交通方案。
🧠 主控 Agent：基于 React 模式 拆解任务，收集各方数据，统筹计算最优游玩顺序，避免行程折返，最终聚合输出结构化 JSON 报告。

2. 高定主题互动地图

深度集成 高德地图 JS API 2.0，拒绝静态截图：

真实经纬度连线：动态绘制“起点 - 景点 - 终点”的真实地理轨迹，直观展示每日动线。
高级定制底图：提供暗黑系配色方案，与整体 UI 完美融合，一眼预览景点分布密度。
动态标记：点击地图标记即可查看景点详情、游览时长及交通方式。

3. 精准预算明细面板

告别模糊的“预计花费”，TripStar 提供财务级的透明账单：

多维度汇总：自动拆解门票、餐饮、住宿、交通等每一项开销。
可视化报表：通过图表直观展示预算占比，让每一分钱都花在刀刃上。

4. 知识图谱可视化

将线性的行程文本转化为立体的 节点关系图：

直观展示“城市 - 天数 - 行程节点 - 预算”的空间结构与逻辑关联。
帮助用户快速把握行程全貌，发现潜在的逻辑漏洞或优化空间。

5. 沉浸式伴游 AI 问答

规划结束并非服务的终点。生成的报告左下角悬浮 AI 问答窗口：

完整上下文记忆：AI 熟知您行程中的每一个细节（票价、开放时间、适宜人群）。
随时追问：“这个景点适合老人吗？”、“如果下雨有备选方案吗？”，AI 即刻给出基于当前行程的精准回答。

6. 奢华暗黑玻璃拟物风 (Dark Luxury Glassmorphism)

全新设计的 UI 界面，采用高阶的暗黑玻璃拟物化风格：

半透明磨砂质感与深邃背景交织，提供极具沉浸感的视觉体验。
支持 Vue I18n 多语言无缝切换，为全球旅行者打造无障碍操作界面。

技术架构：工程化落地的典范

1. 异步轮询任务系统 (解决 Gateway Timeout)

针对 LLM 生成超长旅行计划易导致 504 Gateway Timeout 的行业痛点，TripStar 重构了后端调度机制：

任务异步化：POST /api/trip/plan 接口立即返回 task_id，将长达数分钟的推理任务推入后台 asyncio.create_task 执行。
实时进度反馈：前端每 3 秒发起轻量级 GET 请求轮询状态，用户可实时看到“🔍 正在搜索景点...”、“🏨 正在比对酒店...”等进度提示，直至任务完成。

2. 数据驱动的动态组件渲染

前端不再是静态模板，而是完全响应式的数据驱动架构：

地图组件：动态解析 JSON 中的 POI 经纬度，实时绘制连线与标记。
ECharts 图谱：将树状行程数据即时转换为交互式关系网络。
预算面板：自动聚合各项费用数据，动态更新图表。

快速部署指南

TripStar 采用前后端分离架构，部署简单高效。

环境准备

Python 3.10+
Node.js 18+
包管理器：uv (推荐), pip, npm/pnpm
API Keys：
- 大模型 API (兼容 OpenAI 格式，如豆包、阿里云百炼)
- 高德地图 Key (Web 服务 + Web 端 JS API，需配置安全密钥)
- Unsplash API (用于获取高质量景点配图)

1. 后端启动 (FastAPI)

cd backend

# 创建并激活虚拟环境
python -m venv venv
source venv/bin/activate  # Windows: venv\Scripts\activate

# 安装依赖
pip install -r requirements.txt

# 配置环境变量
cp .env.example .env
# 编辑 .env 填入：LLM_API_KEY, LLM_BASE_URL, VITE_AMAP_WEB_KEY, Unsplash Credentials 等

# 启动服务
uvicorn app.api.main:app --host 0.0.0.0 --port 8000 --reload

访问 http://localhost:8000/docs 查看交互式 API 文档。

2. 前端启动 (Vite + Vue3)

cd frontend

# 安装依赖
npm install

# 配置环境变量 (.env)
# 填入 VITE_AMAP_WEB_KEY 和 VITE_AMAP_WEB_JS_KEY
# ⚠️注意：需在 index.html 中注入高德安全密钥 (securityJsCode)

# 启动开发服务器
npm run dev

未来路线图

TripStar 正在持续进化，后续计划包括：

🌍 全球地图支持：适配 Google Maps MCP 服务，打破地域限制，服务全球旅行场景。
📕 小红书生态接入：集成小红书 MCP，引入真实的用户种草笔记与最新探店资讯，丰富推荐维度。
📥 计划导入/导出：支持 JSON 格式的行程导入导出，方便用户保存、分享及二次编辑历史计划。

数据统计

暂无评论

暂无评论...