基于 WebAssembly 的 MCP 服务器

基于 WebAssembly 的 MCP 服务器

一个在浏览器中运行的模型上下文协议 (MCP) 服务器的概念验证实现,展示 MCP 工具和资源的集成。

快速入门

功能简介

  • 计算器工具:支持加减乘除运算,具备输入验证和实时结果反馈。
  • 存储系统:提供键值存储功能,支持浏览器会话内的持久化。

使用方法

计算器

  1. 选择操作类型(加、减、乘、除)。
  2. 输入两个数字。
  3. 点击“计算”按钮查看结果。

存储

  1. 在对应字段中输入键和值。
  2. 点击“设置存储”保存数据。
  3. 输入键并点击“获取存储”检索数据。

项目结构

mcp-wasm-poc/
├── src/
│   ├── web/
│   │   ├── server.ts # MCP 服务器实现
│   │   ├── main.ts # 客户端逻辑
│   │   └── browser-transport.ts # 浏览器传输层
├── index.html # Web 界面
└── package.json # 项目依赖

开发依赖

  • @modelcontextprotocol/sdk
  • Zod(用于模式验证)
  • TypeScript
  • Vite(开发和构建工具)