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

相关推荐
yinuo14 分钟前
前端跨页面通讯终极指南⑧:Cookie 用法全解析
前端
小鑫同学15 分钟前
vue-pdf-interactor 技术白皮书:为现代 Web 应用注入交互式 PDF 能力
前端·vue.js·github
GISer_Jing26 分钟前
Nano Banana:AI图像生成与编辑新标杆
前端·javascript·人工智能
csdn_aspnet32 分钟前
用100行實現HTML5可存檔塗鴉版
javascript
布茹 ei ai38 分钟前
城市天气查询系统 (City Weather Dashboard)
javascript·vue.js·html·css3·开源软件·天气预报
gyx_这个杀手不太冷静39 分钟前
上线前不做 Code Review?你可能正在给团队埋雷!
前端·代码规范·团队管理
全栈老石1 小时前
从硬编码到 Schema 推断:前端表单开发的工程化转型
前端·vue.js·架构
weixin_462446231 小时前
【原创实践】使用 shell 脚本批量创建 Linux 用户并生成随机密码
linux·服务器·前端
软件技术NINI1 小时前
娃娃店html+css 4页
前端·css·html
wordbaby2 小时前
TanStack Router 路径参数(Path Params)速查表
前端