零代码搭建 AI 早报系统：Trae SOLO + MCP 实践

它的主要优势和特点可以概括为以下几点：

• 多源信息聚合：支持多个权威的加密货币新闻来源，CoinDesk 是其中之一，能帮助你一站式获取信息。
• 开箱即用的结构化数据：直接提供处理好的新闻数据，省去了你自己从原始网页抓取和清洗数据的麻烦。
• 灵活的部署方式：提供了 Docker、PyPI 和 GitHub 三种安装和部署方式，你可以根据自己的技术环境和偏好灵活选择。

我在 MCP 服务市场找到 CoinDesk 新闻服务器。

点击 CoinDesk 新闻服务器并进入，此时我们会看到页面中有一个 json，复制 json 里面的内容。

然后我们进入 Cherry 的 MCP 配置页面，在设置——>MCP——>添加（选择从 JSON 导入），然后将前面的 json 里面内容粘贴进去即可。

在 cherry 上添加 CoinDesk 新闻服务器 MCP 后，并进行开启，此时我们就完成了 CoinDesk 新闻服务器 MCP 的连接。

测试

接下来我们去测试一下生成的内容是什么，第一个是直接输出的，第二个是我让他利用前端页面展示的

按照这个格式：🌐 Lethehong

AI 早报 2025 年 10 月 17 日

火山引擎发布豆包大模型 1.6 升级版，原生支持四种思考长度，输出 Tokens 下降 77.5%，同步推出轻量级 1.6 lite 版本。通义千问上线 Qwen Chat Memory 功能，赋予 AI 助手长记忆能力，可理解并记忆用户偏好与习惯。Manus 推出 AI 智能体 Manus 1.5，任务完成时间缩短近四倍，还推出轻量版智能体 Manus-1.5-Lite。百度搜索推出 AI 短剧生成平台，支持自动生成和人机协作模式，提供创作基金和流量扶持。谷歌 DeepMind 开始推送 Gemini 3.0 Pro 模型，引入 Deep Think 推理架构，支持实时摄像头输入和前端代码生成。Sora2 发布更新，免费用户可生成 15 秒视频，Pro 用户支持 25 秒视频及故事板精确镜头控制功能。苹果发布搭载 M5 芯片的 14 英寸 MacBook Pro，神经网络引擎每秒运算 38 万亿次，AI 性能提升，支持本地大模型运行。

利用 CoinDesk 新闻服务器这个 mcp 帮我输出 10 月 18 日科技圈的早报内容

TRAE SOLO+ 热点新闻 MCP 数据源

经过前面的审查，我发现这样不太行，太那啥了，于是我借助 TRAE SOLO 制作一个'用户可以在前端界面直接查看每日早报内容'的 web app。于是我又找呀找，找到了热点新闻 mcp。那就试试吧！

这里还是一样的基本操作，在 MCP 服务广场通过搜索找到'热点新闻 mcp'。

点击进入热点新闻 mcp 之后往下翻，看到 NPX 下的 json 即可，然后接着进行复制 json 里面的内容。

紧接着在 TRAE SOLO 里面的 MCP 下面，点击添加——>然后点击'手动添加'。

点击之后会出现一个手动配置的页面，我们把里面的示例内容删除，然后将前面复制的 json 内容粘贴到里面即可。

出现这个'绿色√'则表示已经成功连接。

{ "mcpServers": { "mcp-server-hotnews": { "command": "npx", "args": [ "-y", "@wopal/mcp-server-hotnews" ], "disabled": true } } }

然后我们回到对话页面，输入提示词。

提示词如下：

用户可以在前端界面直接查看每日早报内容。 采用自建 Serverless 方案（Vercel/Netlify Functions），适用于需要复杂抓取逻辑且不希望公开代码仓库的场景。 具体实施方案： 1. 将抓取脚本改造为 Vercel Function 服务 2. 配置每日 0 点自动触发执行任务 3. 前端通过调用 fetch('/api/news') 接口获取处理后的数据 该方案既保持了前端调用的简洁性，又提供了强大的数据处理能力和代码隐私保护。同时整合了已连接的热点新闻 MCP 数据源。

# 每日早报系统 - 部署指南 ## 环境要求 - Node.js 18.x 或更高版本 - npm 或 pnpm 包管理器 - Vercel 账户（用于部署） ## 本地开发 1. **安装依赖** ```bash npm install # 或 pnpm install ``` 2. **配置环境变量** 复制 `.env.local.example` 为 `.env.local` 并填入实际配置： ```bash cp .env.local.example .env.local ``` 需要配置的环境变量： - `MCP_NEWS_API_URL`: MCP 热点新闻 API 地址 - `MCP_NEWS_API_KEY`: MCP API 密钥 - `KV_REST_API_URL`: Vercel KV 存储 URL - `KV_REST_API_TOKEN`: Vercel KV 访问令牌 - `NEXT_PUBLIC_APP_URL`: 应用访问地址 - `CRON_SECRET`: 定时任务授权密钥 3. **启动开发服务器** ```bash npm run dev # 或 pnpm dev ``` 4. **访问应用** 打开浏览器访问 `http://localhost:3000` ## Vercel 部署 ### 1. 准备工作 - 确保代码已推送到 Git 仓库（GitHub、GitLab 或 Bitbucket） - 拥有 Vercel 账户 ### 2. 部署步骤 1. **连接 Vercel** - 登录 [Vercel Dashboard](https://vercel.com/dashboard) - 点击 "New Project" - 选择你的 Git 仓库 2. **配置项目** - Framework Preset: Next.js - Root Directory: `./`（如果项目在根目录） - Build Command: `npm run build` - Output Directory: `.next` 3. **设置环境变量** 在 Vercel 项目设置中添加以下环境变量： ``` MCP_NEWS_API_URL=https://your-mcp-api.com/news MCP_NEWS_API_KEY=your_actual_api_key KV_REST_API_URL=https://your-kv-store.kv.vercel-storage.com KV_REST_API_TOKEN=your_actual_kv_token NEXT_PUBLIC_APP_URL=https://your-domain.vercel.app CRON_SECRET=your_secure_cron_secret NODE_ENV=production ``` 4. 部署 - 点击 "Deploy" 开始部署 - 等待构建完成 ### 3. 配置 Vercel KV 1. 创建 KV 数据库 - 在 Vercel Dashboard 中进入 "Storage" 选项卡 - 点击 "Create Database" - 选择 "KV" - 输入数据库名称并创建 2. 连接到项目 - 选择刚创建的 KV 数据库 - 点击 "Connect Project" - 选择你的项目并连接 3. 获取连接信息 - 连接后，Vercel 会自动添加 `KV_REST_API_URL` 和 `KV_REST_API_TOKEN` 环境变量 ### 4. 配置定时任务 定时任务已在 `vercel.json` 中配置： ```json { "crons": [ { "path": "/api/cron/update-news", "schedule": "0 0 * * *" } ] } ``` 这将在每天午夜（UTC 时间）自动执行新闻更新任务。 ### 5. 自定义域名（可选） 1. 在 Vercel 项目设置中点击 "Domains" 2. 添加你的自定义域名 3. 按照提示配置 DNS 记录 4. 更新 `NEXT_PUBLIC_APP_URL` 环境变量为你的自定义域名 ## 监控和维护 ### 1. 查看日志 - 在 Vercel Dashboard 中查看 "Functions" 选项卡 - 点击具体的函数查看执行日志 - 监控 API 响应时间和错误率 ### 2. 性能优化 - 定期检查 Vercel Analytics - 监控 KV 存储使用情况 - 优化图片和静态资源 ### 3. 安全考虑 - 定期更新依赖包 - 监控 API 密钥使用情况 - 检查访问日志异常 ## 故障排除 ### 常见问题 1. **构建失败** - 检查 Node.js 版本兼容性 - 确认所有依赖都已正确安装 - 查看构建日志中的错误信息 2. **API 调用失败** - 验证环境变量配置 - 检查 MCP API 密钥是否有效 - 确认网络连接正常 3. **定时任务不执行** - 检查 `CRON_SECRET` 环境变量 - 验证 cron 表达式格式 - 查看函数执行日志 4. **缓存问题** - 检查 Vercel KV 连接状态 - 验证 KV 访问令牌 - 清除浏览器缓存 ### 联系支持 如果遇到无法解决的问题，可以： - 查看 [Vercel 文档](https://vercel.com/docs) - 联系 Vercel 技术支持 - 在项目仓库中提交 Issue

AI 早报产品需求文档

用户操作流程：

1. 用户访问首页，查看当日早报头条和新闻列表
2. 用户可通过分类导航筛选感兴趣的新闻类别
3. 用户点击新闻标题进入详情页查看完整内容
4. 用户可在详情页查看相关新闻推荐
5. 用户可使用搜索功能查找特定新闻内容
6. 系统每日 0 点自动更新新闻数据

AI 早报技术架构文档

1、架构设计

2、技术描述

• 前端: Next.js@14 + React@18 + Tailwind CSS@3 + TypeScript
• 后端: Vercel Functions (Node.js Runtime)
• 数据源: 热点新闻 MCP 数据源
• 数据存储: Vercel KV (Redis)
• 定时任务: Vercel Cron Jobs
• 部署平台: Vercel Platform

3、API 定义

3.1 核心 API

获取每日早报数据

GET /api/news

Response:

NewsItem 类型定义:

interface NewsItem { id: string; title: string; summary: string; content: string; category: string; source: string; publishTime: string; url: string; isHeadline: boolean; }

获取新闻详情

GET /api/news/[id]

Response:

按分类获取新闻

GET /api/news/category/[type]

Request Parameters:

搜索新闻

GET /api/news/search

Request Parameters:

数据更新任务（内部 API）

POST /api/cron/update-news

Response:

3.2 数据类型定义

interface NewsItem { id: string; title: string; summary: string; content: string; source: string; sourceUrl: string; publishTime: string; category: string; importance: 'high' | 'medium' | 'low'; tags: string[]; } interface DailyReport { date: string; news: NewsItem[]; summary: string; totalCount: number; categories: string[]; }

4、服务器架构图

5、数据模型

5.1 数据模型定义

5.2 数据存储方案

由于采用 Vercel KV (Redis) 作为缓存存储，不需要传统的 SQL DDL。数据结构如下：

新闻数据缓存结构

// 每日新闻列表缓存 const newsListKey = `news:${date}`; const newsListValue = { headlines: NewsItem[], articles: NewsItem[], lastUpdated: string, categories: { tech: NewsItem[], finance: NewsItem[], social: NewsItem[], international: NewsItem[] } }; // 单条新闻详情缓存 const newsDetailKey = `news:detail:${newsId}`; const newsDetailValue = { ...NewsItem, related: NewsItem[] }; // 搜索结果缓存 const searchKey = `search:${encodeURIComponent(query)}`; const searchValue = { results: NewsItem[], total: number, query: string, timestamp: string };

Vercel Cron 配置 (vercel.json)

{ "crons": [ { "path": "/api/cron/update-news", "schedule": "0 0 * * *" } ] }

环境变量配置

# MCP 数据源配置 MCP_NEWS_API_URL=your_mcp_news_api_url MCP_API_KEY=your_mcp_api_key # Vercel KV 配置 KV_REST_API_URL=your_kv_rest_api_url KV_REST_API_TOKEN=your_kv_rest_api_token # 应用配置 NEXT_PUBLIC_APP_URL=https://your-app-domain.vercel.app

测试

新闻页面

关于页面