浏览器使用 MCP 服务器

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

🔥我的微信：stoeng

一个基于 TypeScript 的 MCP 服务器，实现了一个简单的笔记系统。通过该示例可以演示 MCP 核心概念：

• 通过 note:// URI 和元数据表示的资源（Resources）来访问和管理文本笔记。
• 提供创建新笔记的工具（Tools）
• 提供生成笔记摘要的提示（Prompts）

特性

资源（Resources）

• 列出并访问带有 note:// URI 的笔记
• 每个笔记包含标题、内容和元数据
• 使用简单的纯文本 MIME 类型来访问内容

工具（Tools）

• create_note - 创建新的文本笔记
  • 需要传递标题和内容作为参数
  • 将笔记存储在服务器状态中

提示（Prompts）

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

开发（Development）

安装依赖：

npm install

构建服务器：

npm run build

带有自动重建开发：

npm run watch

安装（Installation）

要与 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"
    }
  }
}

调试（Debugging）

由于 MCP 服务器通过标准输入输出进行通信，调试可能会比较困难。我们推荐使用 MCP Inspector，它可以通过脚本命令运行：

npm run inspector

Inspector 将提供一个 URL，在浏览器中打开以访问调试工具。