使用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

相关推荐
Hilaku8 分钟前
作为面试官,我最怕遇到什么样的候选人?
前端·javascript·程序员
TiDi32 分钟前
Pinia优化重复请求
前端
web3d5201 小时前
01-用 Leafletjs 10 分钟搭一张水利一张图(Vue3 + Vite 实战)
前端·javascript
晚安日记wanna1 小时前
Vue2 的 defineProperty 差在哪四层追问筛掉九成候选人
前端·vue.js·面试
TiDi1 小时前
吸顶导航交互实现
前端
kisshyshy1 小时前
从Props透传到自定义Hook:系统梳理React跨层级通信与逻辑复用
前端·架构·代码规范
yume_sibai1 小时前
05-Flutter实战项目
前端·flutter
涛涛ing1 小时前
React 19.3 发布,但真正的赢家是 StyleX:当 AI 成为框架的“第一用户”
前端
zhangminghuan2 小时前
Vue vs React 实战拓展面试题|摒弃基础八股,聚焦业务开发核心难点(2026前端进阶)
前端
IT_陈寒2 小时前
Redis主从切换竟让业务卡了3秒?这个坑我替你踩了
前端·人工智能·后端