问题背景
传统 Model Context Protocol (MCP) 服务器通常需要复杂的 API 密钥配置和 OAuth 认证流程,这会增加开发者的部署难度和时间成本。
解决方案
WebMCP 通过以下方式解决这一问题:
- 浏览器认证机制:直接利用浏览器已有的 cookie 或会话认证,无需额外配置认证流程
- 简化开发环境:使用 TypeScript + Turborepo + PNPM 组成的现代化开发工具链
- 一键式部署:通过简单的 pnpm install 和 pnpm dev 命令即可启动完整开发环境
具体实施步骤
- 克隆仓库:git clone https://github.com/MiguelsPizza/WebMCP.git
- 安装依赖:pnpm install
- 启动开发环境:pnpm dev(或分别启动网页/扩展)
优势总结
这种方法相比传统 MCP 部署方案,能减少 80%以上的配置时间,特别适合需要快速迭代的项目。
本答案来源于文章《WebMCP:在网页中运行MCP服务器的开源工具》