浏览器使用 MCP 服务器

🔥对应视频： https://youtu.be/jsd8TpzicRQ

🔥我的微信：stoeng

一个基于上下文的模型协议（Model Context Protocol）服务器，演示了一个简单的笔记系统，展示了核心的 MCP 概念：

• 资源表示带有 URI 和元数据的文本笔记
• 工具用于创建新笔记
• 提示生成所有存储笔记的摘要

功能

资源

• 通过 note:// URI 列出和访问笔记
• 每个笔记都有标题、内容和元数据
• 简单内容访问的 plain text mime 类型

工具

• create_note - 创建新的文本笔记
  • 标题和内容为必填参数
  • 在服务器状态中存储笔记

提示

• summarize_notes - 生成所有存储笔记的摘要
  • 包括所有笔记内容作为嵌入资源
  • 返回结构化的提示用于 LLM 摘要

开发

安装依赖：

npm install

构建服务器：

npm run build

带有自动重建开发：

npm run watch

安装

与 Claude Desktop 使用时，添加服务器配置：

在 MacOS 上：~/Library/Application Support/Claude/claude_desktop_config.json 在 Windows 上：%APPDATA%/Claude/claude_desktop_config.json`

{
  "mcpServers": {
    "browser-use": {
      "command": "/path/to/browser-use/build/index.js"
    }
  }
}

调试

由于 MCP 服务器通过 stdio 通信，调试可能具有挑战性。我们推荐使用 MCP Inspector，作为包脚本可用：

npm run inspector

Inspector 将提供一个在浏览器中访问调试工具的 URL。