写点什么

Roo Code 使用 Bright Data mcp 实现获取 Tiktok 数据一键生成页面

作者:陈老老老板
  • 2025-09-29
    北京
  • 本文字数:2446 字

    阅读完需:约 8 分钟

Roo Code 使用 Bright Data mcp 实现获取 Tiktok 数据一键生成页面

前言:

在 AI 驱动软件开发工具飞速迭代的当下,能够深度融入开发者工作流的智能辅助工具正成为提升效率的关键。Roo Code 作为一款 AI 驱动的自主编码代理,凭借其独特的核心优势——可直接在编辑器内运行,并能灵活适配从日常编码调试到复杂任务拆解的多元场景,为用户简化了开发流程,显著降低了重复劳动成本,已然成为辅助编码的得力助手

然而,与所有依赖大型语言模型(LLM)的工具一样,Roo Code 也面临着 LLM 固有的共性瓶颈:知识时效性局限。LLM 的生成能力完全依赖于其训练数据,而这些数据本质上是“过去某一时刻的信息快照”——当新的编程语言特性发布、开发框架更新、官方文档迭代,或是新兴技术教程涌现时,依赖静态训练数据的 Roo Code 便无法及时捕捉这些动态变化,进而可能在提供建议时出现偏差,甚至给出过时的解决方案,这在高速发展的技术领域中,无疑限制了其进一步发挥价值。

值得庆幸的是,通过为 LLM 扩展网页搜索与实时数据访问能力的解决方案,我们完全可以打破静态训练数据的桎梏,让 Roo Code 突破知识时效的壁垒,成为真正与技术前沿同频的智能编码伙伴。本文正是基于这一目标,探讨如何通过技术方案实现 Roo Code 的能力升级,使其在保持原生优势的基础上,具备动态学习与实时信息整合的核心竞争力。



这样的功能其实在 Bright Data 的 Web MCP 服务器中就能实现。

一、Bright Data Mcp 简介

Bright Data MCP(Model Context Protocol)是一款由 Bright Data 推出的网页数据访问 API,也是一种服务器技术。它能使大语言模型(LLMs)、AI 代理和应用程序实时访问、发现和提取网页数据。MCP 提供了一站式解决方案,让 AI 模型与代理能够高效获取公共 Web 数据,无论是静态文本还是需 JavaScript 渲染的动态内容都可精准抓取,无需开发者自建复杂爬虫架构或攻克反爬技术壁垒。它依托超大规模的商用代理网络,具备高并发采集能力和高系统可用性,同时通过内置 AI 反指纹技术等确保合规安全。



二、vscode 安装 RooCode

1. 首先我们需要一个 Bright data 的账户,需要获取到 Bright Data 的 API key。注册登录只需要邮箱即可,非常简单,可以看我其他的文章。



2. 进入用户控制台,左侧任务栏点击 MCP 可以看到 Bright Data 已经将我们需要的配置或者 url 封装好,一种是本地部署的配置。



一种是远程连接的配置,我们可以直接粘贴使用。

 


3. 接下来进入我们进入 vscode 中,点击左侧扩展栏,搜索框中搜索 RooCode,然后点击安装。



4. 安装完之后可以看到 roo code 的小图标,说明已经安装成功,roo code 默认使用的是 claude 模型是收费的,所以这里我们使用 qwen 模型进行演示,可以免费使用。点击 setting,点击左侧提供商,然后 API 提供商处搜索 OpenApi,选择 OpenAI Compatible 。



5. .qwen 模型的基础 Url 是固定的,但是 api 密钥我们需要登录阿里云平台创建,我们进入阿里云平台,然后进行登录,点击立即体验。



6. 点击 API 参考,在使用 API Key 这块,我们复制粘贴 Base Url。



7. .粘贴到 vscode 中 roo code 的 OpenAI 基础 URL。



8. .然后在阿里云平台点击密钥管理,再点击创建 API-Key。



9. 点击一个归属账号再点击确定,然后将 api 复制。



10. 粘贴到 API 密钥,然后模型搜索 qwen3 coder 之后点击保存。



11. 这样我们就配置好了要使用的模型,我们先对模型进行测试。点击 New task,比如随机生成五个数字,可以看到生成成功,这就说明模型配置没有问题。



三、本地部署 Mcp 服务

1. 接下来我们部署本地 bright data mcp 服务,我们在搜索框中搜索命令提示符,点击管理员身份运行。



2. 在部署之前需要安装 node.js,安装非常简单就不演示了,输入 npm install -g @brightdata/mcp,完成会显示(changed 150 packages in 29s 49 packages are looking for funding)



3. 然后搜索框中搜索 PowerShell,点击管理员身份运行,输入命令($Env:API_TOKEN=“9c4c2579-5348-402f-ae1b-d61d332da54a”; npx -y @brightdata/mcp)




这里需要注意的是,API_TOKEN 就是 bright data 每个用户的 api 密钥,我们点击左下角设置,这个密钥就是。执行成功就会显示 Starting server…,而这个警告不用管。



四、实时爬取 Tiktok 数据

1.接下来在 roo code 中添加 bright data 的 mcp,点击 MCP servers,再点击编辑全局 MCP,然后打开 bright data 的 mcp 页面,复制配置,,显示绿色 这样就添加成功了。

 配置如下:


{     "mcpServers": {         "Bright Data": {             "command": "npx",             "args": [                 "@brightdata/mcp"             ],             "env": {                 "API_TOKEN": "87200ea0-e69d-46f6-aa07-530c2a6b535d",                 "PRO_MODE": "true",                 "RATE_LIMIT": "100/1h",                 "WEB_UNLOCKER_ZONE": "custom",                 "BROWSER_ZONE": "custom_browser"             }         }     }}
复制代码



然后我们重新开启一个会话,这里我们随机获取 5 条相关于美食的 tiktok 数据然后按分类生成一个 html 数据分析页面。模式我们选择 code,然后输入:‘使用 mcp 获取五个关于美食的 tiktok 视频数据,保存成 json 文件,然后生成一个 html 页面进行分类展示。

可以看到 AI,把整体分为了五个步骤,先使用 MCP 工具获取 5 个关于美食的 TikTok 视频数据,将获取的数据保存为 tiktok_food_videos.json 文件,分析数据结构并设计 HTML 页面布局,创建 HTML 页面展示 TikTok 美食视频数据,添加分类和样式美化功能。



 保存成的本地 json 文件如下:



 最后生成的 html 页面也是非常让人惊艳的:



五、总结

这样就完成了为 Roo Code 添加 Bright Data 的 Web MCP。Bright Data 的 mcp 可以一站式、自动应对反爬虫机制、验证码和 JavaScript 渲染的动态页面,省去了自己维护代理 IP 池的麻烦,让你获取数据变得更加简单,非常适用于网页抓取、数据聚合、市场调研和 AI 训练等使用场景。最后,Bright Data 也为新用户提供了非常多的福利,机会难得,感兴趣的小伙伴快来试试吧!

发布于: 2025-09-29阅读数: 5
用户头像

奇安信开发工程师,有问题可以私聊我! 2019-03-16 加入

还未添加个人简介

评论

发布
暂无评论
Roo Code 使用 Bright Data mcp 实现获取 Tiktok 数据一键生成页面_AI Agent_陈老老老板_InfoQ写作社区