MCP 模型上下文协议详解：原理、组件与应用

MCP（模型上下文协议）是连接 AI 大模型与外部数据及工具的标准交互协议。由 Anthropic 于 2024 年 11 月开源，旨在解决 AI 模型与外部系统连接不足的问题。相比传统 API，MCP 支持动态能力发现，客户端无需重写代码即可适应服务器功能变化。目前已被 Claude、OpenAI 等主流平台接入，允许 AI 智能体直接调用工具完成任务，如生成网页代码。其核心在于通过标准化方式提升 AI 与外部系统的交互效率，是 AI 智能体时代的关键技术之一。

Kubernet发布于 2026/4/5更新于 2026/6/335 浏览

初步了解

MCP 到底是个啥？

MCP，全称 Model Context Protocol，翻译过来是模型上下文协议。简单说，它就是和大 AI 模型聊天时，一种把相关信息整理好、按规矩传给 AI 的方式。

之前我们使用的 AI 智能体如果比作是个思考问题的大脑，那么 MCP 就是思考后，给你去干活的。AI 大模型是给你思维结果，而 MCP 就是调用工具给你做好工作。

发展

2024 年 11 月，Anthropic（由 OpenAI 前员工创办）发布并开源 MCP。当时 AIGC 发展快但存痛点，AI 模型与外部数据、工具连接不足，此前方案缺通用性。MCP 提供标准化交互方式，助 AI 与外部系统互动。后获多家支持，OpenAI 等巨头入局，成 AI 智能体时代关键技术。

文章配图

理论基础

与 RAG（为大模型提供充足上下文）和 Function Calling（让模型能使用工具）密切相关，在它们基础上实现 AI 与外部系统更高效交互。

文章配图

核心组件

文章配图

使用逻辑

目前在 Claude，OpenAI GPT，阿里云百炼，纳米 AI 都有接入 MCP，可以在工具箱中调用工作使用的 MCP 来完成现有工作，但是带来的问题是权限过大，不安全。

于传统 API 不同之处

传统 API 参数变更时，用户必须更新代码，否则请求可能失败。
MCP 采用动态灵活方式，客户端连接服务器时会先了解其能力，服务器也会动态更新功能描述，客户端无需重写代码就能适应变化，大幅降低维护成本。

模型推荐

打开我们的大模型，选择工具，我们可以看到有很多官方或个人开发的 MCP 工具，我们可以点击使用。

文章配图

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>L'Éclat | 精致美妆体验</title> <link rel="stylesheet" href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css"> <link rel="stylesheet" href="https://s2.ssl.qhres2.com/static/56662140ef7d5d03.css"> <style> :root { --beige: #F5F5DC; --light-yellow: #FAF8ED; --gold: #D4AF37; --soft-pink: #F8D7DA; --transition: all 0.3s ease; } body { font-family: 'Helvetica Neue', Arial, sans-serif; background-color: var(--light-yellow); color: #5A5A5A; line-height: 1.6; } .header { background-color: var(--beige); box-shadow: 0 2px 10px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 100; } .logo { font-family: 'Times New Roman', serif; color: var(--gold); letter-spacing: 2px; } .nav-item { transition: var(--transition); border-bottom: 2px solid transparent; } .nav-item:hover { color: var(--gold); border-bottom-color: var(--gold); } .hero { background: linear-gradient(135deg, var(--light-yellow) 0%, var(--beige) 100%); min-height: 500px; } .product-card { background-color: white; transition: var(--transition); box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .category-badge { background-color: var(--soft-pink); color: #8E4A49; } .price { color: var(--gold); font-weight: bold; } .btn-primary { background-color: var(--gold); transition: var(--transition); } .btn-primary:hover { background-color: #C19A3D; transform: translateY(-2px); } .footer { background-color: var(--beige); } .fade-in { animation: fadeIn 1s ease-in; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } </style> </head> <body>  <header> <div> <div> <div>L'Éclat</div> <nav> <a href="#">首页</a> <a href="#">护肤</a> <a href="#">彩妆</a> <a href="#">香水</a> <a href="#">关于我们</a> </nav> <div> <button> <i></i> </button> <button> <i></i> </button> <button> <i></i> <span>3</span> </button> </div> </div> </div> </header>  <section> <div> <div> <h1>发现你的独特之美</h1> <p>精选全球优质美妆产品，为您带来非凡的护肤与彩妆体验</p> <button>探索新品</button> </div> </div> </section>  <section> <div> <h2>产品分类</h2> <div> <div> <div> <i></i> </div> <h3>护肤系列</h3> </div> <div> <div> <i></i> </div> <h3>彩妆系列</h3> </div> <div> <div> <i></i> </div> <h3>香水系列</h3> </div> <div> <div> <i></i> </div> <h3>礼盒套装</h3> </div> </div> </div> </section>  <section> <div> <div> <h2>精选推荐</h2> <div> <button>新品</button> <button>热销</button> <button>特惠</button> </div> </div> <div>  <div> <div> <img src="https://images.unsplash.com/photo-1596755094514-f87e34085b2c?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" alt="玫瑰精华面霜"> <div>护肤</div> </div> <div> <h3>玫瑰精华面霜</h3> <p>深层滋养，忍发肌肤活力</p> <div> <span>¥298</span> <button>加入购物车</button> </div> </div> </div>  <div> <div> <img src="https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" alt="丝绸嘛儀"> <div>彩妆</div> </div> <div> <h3>丝绸嘛儀 #12</h3> <p>亚光质地，持久不脱色</p> <div> <span>¥168</span> <button>加入购物车</button> </div> </div> </div>  <div> <div> <img src="https://images.unsplash.com/photo-1592945403244-b3fbafd7f539?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" alt="清晨花园香水"> <div>香水</div> </div> <div> <h3>清晨花园香水</h3> <p>清新花香调，50ml</p> <div> <span>¥458</span> <button>加入购物车</button> </div> </div> </div>  <div> <div> <img src="https://qcdn2.zhaomi.cn/t11de458816ceac5d1e59b3cfaf.png" alt="假日礼盒"> <div>礼盒</div> </div> <div> <h3>假日礼盒套装</h3> <p>精选5件明星产品</p> <div> <span>¥998</span> <button>加入购物车</button> </div> </div> </div> </div> </div> </section>  <section> <div> <div> <div> <h2>我们的故事</h2> <p>L'Éclat 源自法语，意为"光芒"。我们相信每个女性都拥有独特的光芒，而我们的使命就是帮助您发现并开放这份美丽。</p> <p>自2015年创立以来，我们始终致力于从全球精选最优质的化妆品和护肤品，只为您带来最安全、最有效的美丽体验。</p> <button>了解更多</button> </div> <div> <img src="https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" alt="品牌故事"> </div> </div> </div> </section>  <section> <div> <h2>客户评价</h2> <div> <div> <div> <div> <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="客户头像"> </div> <div> <h4>张小姐</h4> <div> <i></i> <i></i> <i></i> <i></i> <i></i> </div> </div> </div> <p>"玫瑰精华面霜真的太好用了！我的皮肤变得水润有光泽，会一直回购的！"</p> </div> <div> <div> <div> <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="客户头像"> </div> <div> <h4>李小姐</h4> <div> <i></i> <i></i> <i></i> <i></i> <i></i> </div> </div> </div> <p>"丝绸嘛儀的颜色太美了，而且一点都不干，持久度也很好，已经买了三个颜色了！"</p> </div> <div> <div> <div> <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="客户头像"> </div> <div> <h4>王小姐</h4> <div> <i></i> <i></i> <i></i> <i></i> <i></i> </div> </div> </div> <p>"清晨花园香水味道很清新，不会太浓烈，适合日常使用，包装也很精美。"</p> </div> </div> </div> </section>  <section> <div> <h2>订阅我们的电子报</h2> <p>订阅即可获取新品上市、独家优惠和护肤美妆小贴士，首次订阅还可获得9折优惠券！</p> <div> <input type="email" placeholder="您的电子邮箱"> <button>订阅</button> </div> </div> </section>  <footer> <div> <div> <div> <h3>L'Éclat</h3> <p>发现你的独特之美</p> </div> <div> <h4>快速链接</h4> <ul> <li><a href="#">首页</a></li> <li><a href="#">所有产品</a></li> <li><a href="#">新品上市</a></li> <li><a href="#">特惠活动</a></li> </ul> </div> <div> <h4>客户服务</h4> <ul> <li><a href="#">联系我们</a></li> <li><a href="#">配送信息</a></li> <li><a href="#">退换政策</a></li> <li><a href="#">常见问题</a></li> </ul> </div> <div> <h4>关注我们</h4> <div> <a href="#"> <i></i> </a> <a href="#"> <i></i> </a> <a href="#"> <i></i> </a> </div> <p>客服时间: 9:00-21:00</p> <p>客服热线: 400-123-4567</p> </div> </div> <div> <p>© 2025 L'Éclat 美妆. 保留所有权利.</p> </div> </div> </footer> <script> // 简单的淡入动画 document.addEventListener('DOMContentLoaded', () => { const elements = document.querySelectorAll('.fade-in'); elements.forEach(el => { el.style.opacity = '0'; setTimeout(() => { el.style.transition = 'opacity 1s ease'; el.style.opacity = '1'; }, 100); }); // 产品卡片悬停效果 const productCards = document.querySelectorAll('.product-card'); productCards.forEach(card => { card.addEventListener('mouseenter', () => { card.style.transform = 'translateY(-5px)'; card.style.boxShadow = '0 10px 25px rgba(0,0,0,0.1)'; }); card.addEventListener('mouseleave', () => { card.style.transform = ''; card.style.boxShadow = '0 5px 15px rgba(0,0,0,0.05)'; }); }); }); </script> </body> </html>

MCP 模型上下文协议详解：原理、组件与应用

初步了解

MCP 到底是个啥？

发展

理论基础

核心组件

使用逻辑

于传统 API 不同之处

模型推荐

MCP 模型上下文协议详解：原理、组件与应用

初步了解

MCP 到底是个啥？

发展

理论基础

核心组件

使用逻辑

于传统 API 不同之处

模型推荐

更多推荐文章

相关免费在线工具

更多推荐文章

相关免费在线工具

MCP 模型上下文协议详解：原理、组件与应用

初步了解

MCP 到底是个啥？

发展

理论基础

核心组件

使用逻辑

于传统 API 不同之处

模型推荐

MCP 模型上下文协议详解：原理、组件与应用

初步了解

MCP 到底是个啥？

发展

理论基础

核心组件

使用逻辑

于传统 API 不同之处

模型推荐

微信扫一扫，关注极客日志

更多推荐文章

相关免费在线工具

微信扫一扫，关注极客日志

更多推荐文章

相关免费在线工具