AIGC浪潮下，风靡全球的Mcp到底是什么？一文讲懂，技术小白都知道！！
个人主页-爱因斯晨
文章专栏-AIGC
长大好多烦恼，好愁！
目录
前言
初步了解
Mcp到底是个啥？
发展
理论基础
核心组件
使用逻辑
于传统API不同之处
模型推荐
前言
上年这个时候，刚拿到录取通知书。哥哥教我用ai智能体，其实就是向我炫技。当时我问他，为什么不能直接给我生成图表，直接给我生成多好，省得我再去复制了。他说，其实很简单，只要做个接口协议什么的就行，只是目前国内没人做。当时说的很高深，我也听不懂。没想到年底，这个功能就实现内测了。在某种程度上，我也算是预言了哈哈。
初步了解
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 采用动态灵活方式，客户端连接服务器时会先了解其能力，服务器也会动态更新功能描述，客户端无需重写代码就能适应变化，大幅降低维护成本。
模型推荐
事先声明！！不是广告！！不是广告！！红衣大叔没给我打钱！！当然，也欢迎纳米AI官方给我打钱~~
打开我们的大模型，选择工具，我们可以看到有很多官方或个人开发的mcp工具，我们可以点击使用
提出要求
他会给你充分的回答，但是，我觉着还是不够方便，如何直接get成品呢？
纳米ai有另一功能，相当于成熟的mcp堆出来的agent，点击智能体页面
我选择网页搭建
我们可以看一下最后成品
L\'Éclat | 精致美妆体验 :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; } } L\'Éclat 发现你的独特之美
精选全球优质美妆产品，为您带来非凡的护肤与彩妆体验
产品分类
护肤系列
彩妆系列
香水系列
礼盒套装
精选推荐
护肤 
彩妆 丝绒唇膏 #12
哑光质地，持久不脱色
¥168 
香水 清晨花园香水
清新花香调，50ml
¥458 
礼盒 假日礼盒套装
精选5件明星产品
¥998 我们的故事
L\'Éclat 源自法语，意为\"光芒\"。我们相信每个女性都拥有独特的光芒，而我们的使命就是帮助您发现并绽放这份美丽。
自2015年创立以来，我们始终致力于从全球精选最优质的化妆品和护肤品，只为您带来最安全、最有效的美丽体验。
客户评价
张小姐
\"玫瑰精华面霜真的太好用了！我的皮肤变得水润有光泽，会一直回购的！\"
李女士
\"丝绒唇膏的颜色太美了，而且一点都不干，持久度也很好，已经买了三个颜色了！\"
王小姐
\"清晨花园香水味道很清新，不会太浓烈，适合日常使用，包装也很精美。\"
订阅我们的电子报
订阅即可获取新品上市、独家优惠和护肤美妆小贴士，首次订阅还可获得9折优惠券！
// 简单的淡入动画 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)\'; }); }); }); 你别说，你还真别说！纳米ai有两把刷子！红衣大叔打钱！！！！
图片来源：阿里云
