告别CV工程师!SOLO+热点新闻MCP:我如何零代码搭建AI早报系统
目录
介绍
TRAE
蓝耘
Cherry Studio
Cherry+CoinDesk新闻服务器
测试
TRAE SOLO+热点新闻MCP数据源
AI早报产品需求文档
AI早报技术架构文档
测试
介绍
TRAE
Trae作为字节跳动在2025年初推出的AI原生集成开发环境,正在改变很多开发者的工作方式。它不像传统IDE那样需要大量手动操作,而是将AI深度融入整个开发流程。无论是通过自然语言创建项目的Builder模式,还是实时解答编程问题的Chat模式,都让代码编写变得更为直观。特别值得一提的是它的SOLO模式,能够直接从需求文档开始,自动完成代码编写、测试到部署上线的全过程,真正实现了“一句话启动项目”的自动化开发。
-
Builder模式:通过自然语言指令自动创建项目结构。
-
Chat模式:实时问答解决编码难题。
-
SOLO模式:实现从需求到上线的全流程自动化开发。
-
设计稿转代码:支持将设计稿直接转换为代码。
这款工具最吸引人的特点之一是其灵活的多模态交互能力。开发者不仅可以通过文字与AI对话,还能使用语音指令直接修改代码——比如对着麦克风说出“在useEffect里加个防抖”,AI会精准定位并插入相应代码。同时,它支持将设计稿直接转换为前端代码,大大减少了从UI到代码的转换时间。对于国内开发者来说,Trae国内版集成了DeepSeek、豆包等本土模型,生成中文代码的准确率显著提升,而且完全免费,这对个人开发者和小团队非常友好。
对于已经习惯其他编辑器的开发者,Trae提供了平滑的迁移路径。它可以一键导入VS Code或Cursor的配置与插件,让你几乎无感地切换到新环境。从实际使用来看,Trae不仅仅是一个工具升级,更像是为开发者配备了一位全能的编程助手——它负责处理重复性任务,而开发者可以更专注于架构设计和核心逻辑,这种人机协作模式正在重新定义现代软件开发的工作节奏。
蓝耘
智能体开发平台为开发者提供了快速构建AI智能体的能力。它的核心优势在于集成了MCP(模型控制协议)并融入了丰富的行业数据,这相当于为智能体预先装备了行业知识和标准工具。开发者无需从零开始,可以直接在此基础上进行定制和开发,显著缩短了智能体的学习与构建周期,真正做到让开发效率“快人一步”。
MaaS(模型即服务)平台则致力于降低AI技术的使用门槛。无论是企业开发者、创业者还是非技术背景的用户,都能在这个平台上找到开箱即用的热门AI模型服务。用户可以通过零代码方式直接体验模型能力,也可以通过API快速集成到自己的业务中,平台灵活的计费方式也减轻了前期投入成本,让业务创新变得更加便捷。
AI模型训推平台是一个面向AI开发者的一站式协作开发环境。它支持高性能Kubernetes集群的一键部署,简化了底层基础设施的复杂配置。这个平台的核心价值在于通过前台、中台和后台的全流程协同,将数据准备、模型训练、评估和部署等各个环节无缝衔接起来,为团队协作提供有力支持,全面提升AI项目的研发效率。
GPU调度云平台专注于解决AI开发中最核心的算力需求。它提供了一个弹性的GPU算力池,支持容器实例秒级启动和快速交付,让开发者能立即投入工作。用户可以自定义TensorFlow、PyTorch等主流深度学习环境,实现自动化部署。此外,该平台还有一个突出特点,它能够帮助纳管合作伙伴的闲置算力资源,并支持快速搭建属于用户自己的、带有专属品牌的算力平台。
福利
蓝耘资源包优惠:十亿 Tokens 畅享,仅需 39.9 元TPM 加速最高可达2000W
Cherry Studio
Cherry Studio 是一个支持多平台的 AI 客户端,支持 Windows、macOS、Linux 平台,未来也会支持移动端。项目自 2024 年 7 月至今已迭代数百个版本,我们致力于打造一个更加高效、安全、易用的客户端,让更多人能够享受到 AI 带来的便利。

Cherry+CoinDesk新闻服务器
CoinDesk新闻服务器是一个类似于加密货币新闻服务器就像一个专业的资讯助理,专门为AI应用或开发者提供结构化的加密货币新闻数据。
主要功能与服务特点
这个服务器主要提供以下两个核心功能:
-
获取最新新闻列表:可以从CoinDesk等指定的知名加密货币新闻网站获取最新的新闻列表。返回的信息是结构化的,包含新闻的标题、链接、发布日期和内容摘要,非常便于程序进行下一步处理。
-
阅读完整新闻内容:在获取新闻列表的基础上,还可以通过某条新闻的URL链接,进一步获取其完整的文章内容。更便利的是,服务器会自动将内容转换为清晰易读的Markdown格式。
它的主要优势和特点可以概括为以下几点:
-
多源信息聚合:支持多个权威的加密货币新闻来源,CoinDesk是其中之一,能帮助你一站式获取信息。
-
开箱即用的结构化数据:直接提供处理好的新闻数据,省去了你自己从原始网页抓取和清洗数据的麻烦。
-
灵活的部署方式:提供了Docker、PyPI 和 GitHub 三种安装和部署方式,你可以根据自己的技术环境和偏好灵活选择。
我在蓝耘平台找到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早报产品需求文档
用户操作流程:
-
用户访问首页,查看当日早报头条和新闻列表
-
用户可通过分类导航筛选感兴趣的新闻类别
-
用户点击新闻标题进入详情页查看完整内容
-
用户可在详情页查看相关新闻推荐
-
用户可使用搜索功能查找特定新闻内容
-
系统每日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:
| 参数名称 | 参数类型 | 描述 |
| success | boolean | 请求状态 |
| data | NewsItem[] | 早报新闻列表 |
| date | string | 早报日期 |
| total | number | 新闻总数 |
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:
| 参数名称 | 参数类型 | 描述 |
| success | boolean | 请求状态 |
| data | NewsItem[] | 指定日期的新闻列表 |
| related | NewsItem | 新闻详情数据 |
按分类获取新闻
GET /api/news/category/[type]
Request Parameters:
| Param Name | Param Type | isRequired | Description |
| type | string | TRUE | 新闻分类 (tech, finance, social, international) |
| page | number | FALSE | 页码,默认为1 |
| limit | number | FALSE | 每页数量,默认为20 |
搜索新闻
GET /api/news/search
Request Parameters:
| Param Name | Param Type | isRequired | Description |
| q | string | TRUE | 搜索关键词 |
| page | number | FALSE | 页码,默认为1 |
数据更新任务(内部API)
POST /api/cron/update-news
Response:
| Param Name | Param Type | Description |
| success | boolean | 更新是否成功 |
| updated | number | 更新的新闻数量 |
| timestamp | string | 更新时间戳 |
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
测试
新闻页面


关于页面


