【AI平台】n8n入门5:创建MCP服务,及vscode调用MCP测试

前言

用n8n搭建一个MCP服务,然后用开发环境的MCP测试工具,测试调用一下。例子简单,只为了解原理。在开发环境,安装测试mcp服务的工具,vscode和Trae操作类似,而且在一个机器上的话,安装的插件公用,就是vscode安装好了,Trae也就能用了。

MCP是啥

MCP(Model Context Protocol,模型上下文协议)是由Anthropic于2024年推出的开放协议,旨在标准化AI模型与外部数据源、工具之间的通信方式。它被形象地称为AI领域的"USB-C接口",通过统一协议连接大语言模型(如Claude、GPT等)与本地文件、数据库、API等资源,打破数据孤岛,实现"即插即用"的智能交互。

MCP的核心架构包含三个主要组件:

  1. 客户端(Client):集成于AI应用(如Claude、Cursor等),负责发起请求并解析响应
  2. 服务器(Server):连接具体数据源(如数据库、GitHub等),执行操作并返回结果
  3. 主机(Host):管理多个客户端与服务器的连接(如IDE工具Cline),确保权限与安全控制

准备

需要n8n的运行环境,可以用最简单的n8n云环境,需要的可以参考下面文档:

【AI平台】n8n入门4:n8n云创建工作流(无须搭建,快速试用14天)-CSDN博客

或者有本地部署n8n环境,需要的,可以参考:

【AI平台】n8n入门1:详细介绍n8n的多种安装方式(含docer图形化安装n8n)-CSDN博客

n8n建工作流的基本操作,可以参考:

【AI平台】n8n入门2:第一个工作流,调用本地大模型-CSDN博客

【AI平台】n8n入门3:第二个工作流,链接网上大模型(含三种方式)_n8n 大模型调用接口-CSDN博客

其他

n8n是英文版,想要中文界面,可以借助给浏览器安装了翻译插件,需要的可以参考:

【实用】chrome浏览器安装翻译插件-CSDN博客

插件一:mcp inspector

安装插件,如图:

进入测试界面如图,备用。

在n8n建一个mcp服务

创建一个工作流,选择mcp触发器:

然后看到测试url,是mcp服务器被调用的地址,拷贝下来备用,旁边生成URL,是工作流设置生效之后的访问地址,然后启动监听,就是等着别人访问:

在vscode的MCP中,调用该MCP地址,进行测试,如下图

链接成功,表示MCP服务可以正常访问,只不过服务本身么有什么功能,进一步,在n8n增加mcp服务可用工具,选择计算器,示意一下:

完成之后,点击"测试工作流",启动mcp服务:

在vs测试工具里,再次测试,可见计算器的工具就显示了,表示mcp服务正常:

点击"run",调用mcp工具,如下图:

触发一次,n8n就结束了,所以再次发请求,会提示下面信息,这和n8n服务设置的触发机制有关:

好了,n8n创建MCP服务,然后被调用成功,把工作流设置为"生效",使用生成URL进行调用,示例就此结束。

下面这个是另一个插件,功能多一些。

插件二:cline

Cline 是一款集成在 VSCode 中的 开源 AI 编程助手 ,以其强大的 自主代理能力多工具集成 特性在开发者社区中广受欢迎。它不仅能生成和优化代码,还能直接操作终端、浏览器和文件系统,大幅提升开发效率。也具备MCP服务设置功能。

安装插件:

安装后,需要提供对功能支持的大模型,界面如下,如果你点击"get Started for Free",就会碰壁,国内有些网站访问不了:

所以,选择"Use your own API key",然后设置,这三项:

第一项API提供者,可以选择DeepSeek等厂商的,也可以选提供大模型支持平台的,图中选的是阿里的千问,然后选择你所在地区支持的API,国内就选china API,然后输入阿里百炼平台中自己的API-key。其实这个配置就为了cline能用,问题支持的没有通义灵码好,还要扣费。

配置之后,点击mcp小图标,就能测试mcp服务了。

第三:n8n节点调用MCP

在n8n的代理中,可以增加mcp调用客户端工具,如下图:

也就是,n8n发布的mcp服务, 自己就可以调用。

结尾

终于又前进了一小步,大五一的,过节过节,技术无止境,跨越技术的是心性,哇哈哈~

相关推荐
乾坤瞬间3 小时前
Idea 如何配合 grep console过滤并分析文件
java·ide·intellij-idea
小妖6663 小时前
vscode vue 的插件点击组件不能跳转到文件问题解决
ide·vue.js·vscode
spencer_tseng6 小时前
gradle eclipse [.project .classpath .settings]
java·ide·eclipse·gradle
kooboo china.8 小时前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(二)
前端·css·编辑器·html·.net
广州华锐视点9 小时前
数据编辑器中变量的精妙计算与灵动转换
编辑器
席万里9 小时前
vscode详细配置Go语言相关插件
ide·vscode·golang
❀͜͡傀儡师10 小时前
3D可视化编辑器模版
3d·编辑器
岁月0_0静好11 小时前
IDEA新版本Local Changes
java·ide·intellij-idea
京国问道14 小时前
MCP的基础知识
人工智能·function call·mcp