使用fastmap快速搭建基于js实现的MCP服务

什么是MCP

模型上下文协议(Model Context Protocol,MCP),是由Anthropic推出的开源协议,旨在实现大语言模型与外部数据源和工具的集成,用来在大模型和数据源之间建立安全双向的连接。

B站上有很多大神将MCP讲的非常透彻,我就不多讲了,大家可以自行查看。

作为一个前端开发者,自然想使用我们自己熟悉的JavaScript语言来实现MCP,那么,我们如何实现MCP呢?

自openai横空出世以来,python和JavaScript作为唯二的官方sdk支持语言,MCP肯定也推出了对应的js sdk,我们可以直接使用。

对于奉行拿来主义的国人来说,使用官方的js sdk从零开始撸,显然不实惠。所幸,笔者还真找到了开源的MCP的js开发框架,fastmap

fastmcp是python实现的比官方SDK好用的mcp开发框架,当然,js也有对应的版本。

fastmap安装

bash 复制代码
npm install fastmcp

fastmap快速开始

新建一个index.js文件,并写入以下代码

javascript 复制代码
import { FastMCP } from "fastmcp";
import { z } from "zod"; // Or any validation library that supports Standard Schema

const server = new FastMCP({
  name: "My Server",
  version: "1.0.0",
});

server.addTool({
  name: "加法",
  description: "两数想加",
  parameters: z.object({
    a: z.number(),
    b: z.number(),
  }),
  execute: async (args) => {
    return String(args.a + args.b);
  },
});

server.start({
  transportType: "stdio",
});

快速测试

使用官方工具测试

bash 复制代码
npx @modelcontextprotocol/inspector node ./index.js

浏览器会打开如下界面,可以愉快的开发测试了

详细用法可以参考官方文档

fastmcp

相关推荐
漂流瓶jz3 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子3 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
前端架构师-老李3 小时前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
木易 士心4 小时前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武4 小时前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
牧马少女4 小时前
css 画一个圆角渐变色边框
前端·css
zy happy5 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年5 小时前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
Nan_Shu_6145 小时前
学习:JavaScript(5)
开发语言·javascript·学习
533_5 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui