MCP 了解一下

vibe coding 是越来越火了,而现在 AI 编辑器也卷出了天际,Trae、Cursor、Claude 等等,层出不穷。而伴随着五花八门的工具诞生,那么总得有一个适配协议吧,就像 USB-C 一样统一一下。那么,MCP(Model Context Protocol)就此诞生了。

以下内容均来自 modelcontextprotocol.io/introductio...

MCP 是什么

MCP is an open protocol that standardizes how applications provide context to LLMs. Think of MCP like a USB-C port for AI applications. Just as USB-C provides a standardized way to connect your devices to various peripherals and accessories, MCP provides a standardized way to connect AI models to different data sources and tools.

MCP 是一种开放式协议,它规范了应用程序向 LLM 提供上下文的方式。把 MCP 想象成人工智能应用的 USB-C 端口。就像 USB-C 提供了将设备连接到各种外设和配件的标准化方式一样,MCP 也提供了将人工智能模型连接到不同数据源和工具的标准化方式。

以上内容来自:modelcontextprotocol.io/introductio... 里面涵盖了 MCP 的各种接口介绍。

MCP 作用

MCP 可帮助您在 LLM 的基础上构建代理和复杂的工作流程。LLM 经常需要与数据和工具集成,而 MCP 可提供以下功能:

  • 对于增长的预构建集成,LLM 可以直接接入。
  • 在 LLM 提供者 以及 供应者之间的灵活切换。
  • 在基础设施内保护数据安全的最佳实践。

MCP 组成

组成

  1. MCP Hosts:想要通过 mcp 获取数据的程序,如 Claude Desktop、IDEs、AI tools。
  2. MCP Servers:向 Client 提供 context、tools、prompts等。
  3. MCP Clients: 存在 hosts 中,与 Servers 1:1 连接。
  4. MCP Data Source: Servers 可以安全访问的电脑文件、数据库或者服务等。
  5. MCP Services:MCP 服务器可通过互联网(如 API)连接的外部系统。

核心组件

协议层

协议层处理消息框架,请求/响应链接和高级通信模式

主要包含的几个类:

  • Protocol
  • Client
  • Server

传输层

运输层处理客户与服务器之间的实际通信。 MCP支持多种传输机制:

  1. Stdio 传输
    • 使用标准输入/输出进行通信
    • 对于本地流程较为理想
  2. HTTP 、SSE 传输
    • 使用服务器发送事件处理服务器到客户端的信息
    • HTTP POST 用于客户端向服务器发送信息 所有的传输方式都是通过 JSON-RPC 2.0 进行消息传输。

消息类型

  • Request
ts 复制代码
interface Request {
    method: string;
    params?: {...}
}
  • Result
ts 复制代码
interface Result {
    [key:string]: unknown
}
  • Errors
ts 复制代码
interface Error {
    code: number;
    message: string;
    data?: unknown
}
  • Notification

单向消息

ts 复制代码
interface Notification {
    method: string;
    params?: { ... };
    
}

实现

相关推荐
Sapphire~25 分钟前
重学前端013 --- 响应式网页设计 CSS网格布局
前端·css
小菜花2937 分钟前
利用H5实现svg图片中各部分监听事件
前端·javascript·svg·object标签
二十雨辰2 小时前
歌词滚动效果
前端·css
法医2 小时前
和文心快码做朋友,让编程像“说话”一样简单
前端·文心快码
前端小巷子2 小时前
JS 打造「放大镜 + 缩略图」一体组件
前端·javascript·面试
陈随易2 小时前
适合中国宝宝的AI编程神器,文心快码
前端·后端·node.js
知识分享小能手2 小时前
React学习教程,从入门到精通,React AJAX 语法知识点与案例详解(18)
前端·javascript·vue.js·学习·react.js·ajax·vue3
UrbanJazzerati2 小时前
掌握 DOM 的基础属性与方法:从操作元素到构建动态效果
前端·面试
hashiqimiya3 小时前
html实现右上角有个图标,鼠标移动到该位置出现手型,点击会弹出登录窗口。
前端·html
古夕3 小时前
前端文件下载的三种方式:a标签、Blob、ArrayBuffer
前端·javascript·vue.js