Token导航 LogoToken导航

MCP Server · 浏览器工具

Typescript Server Starter

一个用于构建Model Context Protocol (MCP)服务器的TypeScript启动项目,提供回声服务器实现和开发工具支持。

stdio官方级别未说明来源级核验工具 1mcp-remote
服务器开发开发模板HTMLClaudeTypeScriptClaude DesktopCursor

快速开始

作者 / 组织
ralfboltshauser
提供方
ralfboltshauser
运行时
Node.js

工具数量

1

来源目录标注

资源数量

0

来源目录标注

提示词数量

0

来源目录标注

GitHub Star

0

仓库热度

收录来源

1 个

MCP World

选型结论

Typescript Server Starter 属于浏览器工具类 MCP Server,公开资料标注 1 个工具,通过stdio 本地进程接入,适配 Claude Desktop、Claude、Cursor,有可以直接复制的安装命令;接入前先确认权限范围。

分类

浏览器工具

传输方式

stdio

认证方式

无需认证

部署方式

公开资料未说明

安装与配置

安装命令

npx -y mcp-remote https://subdomain.yourdomain.com/sse

公开命令不是通用的启动方式,拼不出可靠配置示例;请在客户端 MCP 配置里按官方文档填写 command 和 args。

上手步骤

  1. 1

    准备运行环境

    stdio 服务在本地起进程,需要先装好 Node.js,再按安装命令拉取依赖。

  2. 2

    安装服务

    复制下面的安装命令执行;命令里带占位符的位置换成自己的密钥或路径。

  3. 3

    写入客户端配置

    在客户端的 MCP 配置里填启动命令和参数,保存后完全退出客户端再打开,让新配置生效。

  4. 4

    验证是否可用

    连接成功后客户端会列出 1 个工具,随便调一个只读工具确认能返回结果。

接入前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

详细介绍

MCP TypeScript服务器启动器

一个用TypeScript构建模型上下文协议(MCP)服务器的启动项目。该项目提供了一个简单的echo服务器实现,演示了MCP的核心功能。

快速入门检查表

📥 安装

  • \[\]克隆存储库:
  git clone https://github.com/ralf-boltshauser/mcp-typescript-server-starter.git
  cd mcp-typescript-server-starter
  • \[\]安装依赖项:
  pnpm install

🛠️ 地方发展

  • \[\]启动开发服务器:
  pnpm dev
  • \[ \] 访问检查员http://localhost:6274
  • \[\]测试您的MCP服务器:

1. 点击检查器中的“连接” 1. 导航到“工具”部分 1. 点击“列出工具” 1. 选择“回声”工具 1. 编写测试消息 1. 点击“提交”

  • \[\]打开 src/index.ts 添加您自己的:

- 工具(AI可以调用的功能) - 资源(AI可以访问的数据) - 提示(AI交互模板)

  • \[\]更新 src/index.html 包含服务器的描述和文档

🚀 部署(Coolify示例)

  • \[\]在Coolify上设置:

1. 连接您的存储库 1. 在高级设置中: - \[\]禁用GZIP压缩(SSE需要) 1. 配置域: - \[\]将您的域名添加为: https://subdomain.yourdomain.com:3001 - 这 :3001 是至关重要的-它告诉traefik绑定到您的内部端口

  • \[\]验证部署:

1. 访问 subdomain.yourdomain.com 查看您的index.html 1. 在以下位置测试SSE连接 https://subdomain.yourdomain.com/sse

🔌 连接到已部署的服务器

使用此命令连接到您的服务器:

npx -y mcp-remote https://subdomain.yourdomain.com/sse

Cursor/Claude桌面的示例配置:

{
  "mcpServers": {
    "your-server-name": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://subdomain.yourdomain.com/sse"]
    },
  }
}

特性

  • 简单的回声服务器实现
  • 支持工具、资源和提示
  • TypeScript支持
  • 具有热重载功能的开发服务器
  • 用于测试和调试的内置检查器
  • 支持STDIO和SSE通信模式

先决条件

  • Node.js(v16或更高版本)
  • pnpm(推荐)或npm

使用模式

此服务器支持两种主要通信模式:

  1. STDIO模式

- 非常适合本地开发和基础测试 - 直接过程沟通 - 大多数MCP客户端默认使用 - 非常适合在本地运行服务器 - 易于设置和使用

  1. SSE模式

- 更适合生产部署 - HTTP/SSE通信 - 可以使用npm包转换为STDIO(稍后介绍) - 允许远程访问您的服务器 - 更具可扩展性和生产就绪性

当您需要部署服务器进行远程访问时,选择STDIO进行本地开发,选择SSE。

STDIO模式(直接过程通信)

此模式非常适合与Cursor或Claude Desktop等工具直接集成。

  1. 配置服务器

- 在……里面 src/index.ts: - 在(底部)注释出Express/SSE代码 - 取消注释STDIO代码(位于其上方)

  1. 构建并运行
   pnpm build
   node dist/index.cjs

或

pnpm dev # starts the server and the inspector
  1. 与Claude Desktop集成
   pnpm add-claude

⚠️ 备注:这将覆盖您现有的Claude Desktop配置。

这种配置claude桌面的方式是标准的。生成的json也可以在游标等中使用!

  1. 手动积分

对于其他工具,请使用以下命令:

   node /path/to/your/project/dist/index.cjs

或

   pnpm cmd # this gives you the node .../dist/index.cjs command directly with pwd

SSE模式(HTTP/SSE通信)

此模式非常适合基于web的工具和远程部署。

  1. 配置服务器

- 在……里面 src/index.ts: - 保持Express/SSE代码启用(在底部) - 注释掉STDIO代码(在上面)

  1. 地方发展
   pnpm dev

服务器将在以下位置可用:

- 主要终点:http://127.0.0.1:3001 - SSE端点:http://127.0.0.1:3001/sse - 测试终点:http://127.0.0.1:3001/test - 检查员:http://127.0.0.1:6274

  1. 本地Docker测试

实际暴露端口需要docker compose覆盖。当部署到像coolify这样的东西时,你不需要它,因为traefik会处理它。

   docker compose -f docker-compose.yaml -f docker-compose.local.yaml up
  1. 生产部署(例如Coolify)

- 让你的IDE更新src/index.html以匹配你的服务器描述。 - 将服务器部署到您首选的平台 - 重要:在Coolify的高级设置中: - 禁用GZIP压缩(这会杀死SSE流) - 确保端口3001正确暴露->设置域时,请这样做:https://your-domain.com:3001这个消息告诉traefik绑定到端口3001。 - 配置服务器以监听所有接口(0.0.0.0)(已完成)

  1. 使用远程服务器

部署后,您可以使用以下方式连接到服务器:

   npx -y mcp-remote https://your-domain.com/sse

您可以将其粘贴为命令,并将“node…/dist/index.cjs”替换为this。

项目结构

  • src/index.ts -主服务器实现
  • src/low-level-index.ts -使用低级API的替代实现
  • dist/ -编译输出目录

服务器功能

回声工具

一个简单的工具,用于回显输入消息:

server.tool("echo", { message: z.string() }, async ({ message }) => ({
  content: [{ type: "text", text: `Tool echo: ${message}` }],
}));

回声资源

可以通过URI访问的资源:

server.resource(
  "echo",
  new ResourceTemplate("echo://{message}", { list: undefined }),
  async (uri, { message }) => ({
    contents: [
      {
        uri: uri.href,
        text: `Resource echo: ${message}`,
      },
    ],
  })
);

回声提示

用于处理消息的提示模板:

server.prompt("echo", { message: z.string() }, ({ message }) => ({
  messages: [
    {
      role: "user",
      content: {
        type: "text",
        text: `Please process this message: ${message}`,
      },
    },
  ],
}));

实施建议

调试消息

调试消息可以通过以下方式发送 server.server.sendLoggingMessage 提供服务器操作可见性的方法。

基本用法
server.server.sendLoggingMessage({
  level: "info",
  data: "Starting server...",
});

这使您能够:

  • 实时跟踪服务器操作
  • 开发过程中的调试问题
  • 监控生产中的服务器状态

你可以在右下角的检查器中看到它们!

环境变量

对于服务器端环境变量(开发人员提供,非用户特定):

  1. 使用Docker Compose
   # docker-compose.yaml
   services:
     mmcp-server:
       environment:
         - API_KEY=${API_KEY}
         - DATABASE_URL=${DATABASE_URL}

这使您能够:

- 在shell中设置变量: export API_KEY=your-key - 使用 .env Docker Compose将自动加载的文件

  1. 在代码中访问
   const apiKey = process.env.API_KEY;
   const dbUrl = process.env.DATABASE_URL;
  1. 地方发展

- 创建一个 .env 项目根目录中的文件:

     API_KEY=sk-123

- 添加 .env 向 .gitignore 保守秘密 - 使用环境变量运行开发服务器:

     pnpm dev
  1. 生产部署

- 在部署平台中设置环境变量(例如Coolify) - 切勿将敏感值提交到版本控制

最佳实践

  1. 错误处理

- 始终对环境变量实施正确的错误处理 - 为缺失的必需变量提供有意义的错误消息

  1. 类型安全

- 使用TypeScript定义环境变量类型 - 考虑使用类似的验证库 zod 用于运行时检查

  1. 安全

- 切勿将敏感的环境变量暴露给客户端 - 为开发和生产使用不同的变量集

许可证

麻省理工学院

工具与能力

工具数量

1

资源数量

0

提示词数量

0

能力标签

HTML本地部署TypeScript服务器开发MCP协议开发模板AI集成

支持客户端

Claude DesktopClaudeCursor

数量来自来源目录的标注,具体工具清单以官方文档为准。

典型使用场景

自动操作网页

打开页面、点击、填表,把浏览器动作交给模型执行。

抓结构化数据

把页面内容整理成表格或 JSON,省掉手工复制粘贴。

走一遍关键流程

按步骤检查页面是否正常,回归时少漏环节。

选择建议

值得选的地方

  • 只提供 1 个工具,职责集中,接入后不容易误操作。
  • 有现成的安装命令,不用自己找入口,照着跑就能起服务。
  • 已经适配 Claude Desktop、Claude、Cursor,换客户端不用重新研究配置。

先想清楚的地方

  • stdio 方式要求本地装好 Node.js,换机器要重新装一遍。
  • 第三方目录整理,版本更新和行为细节以官方仓库为准。

更适合

  • 需要在浏览器工具场景里让模型直接调用外部能力的人。
  • 已经在用 Claude Desktop 的用户,接入路径最短。
  • 想先快速试一下、能接受在本地跑服务的人。

不太适合

  • 完全不想在本地装环境的人。
  • 需要厂商级 SLA 和技术支持的生产环境。

同类对比

5 个同类
MCP Server工具数传输方式安装命令收录来源最后核验
Typescript Server Starter

MCP World · 本页

1stdio有1 个2026-05-17
Fetch 9a2682de

MCP.so

1SSE有3 个2026-05-17
Browser 738d52bc

MCP World

0stdio有1 个2026-05-17
Playwright MCP Server

MCP.so

21stdio有4 个2026-05-17
Skyvern MCP

MCP World

0stdio有2 个2026-05-17

按同分类和工具数量挑出最接近的几条,字段以各自详情页为准。

常见问题

5 条

Typescript Server Starter 怎么安装?

公开资料给出的安装命令是 npx -y mcp-remote https://subdomain.yourdomain.com/sse,运行环境为 Node.js。装完后按客户端要求写进 MCP 配置,重启客户端生效。

Typescript Server Starter 怎么在 Claude Desktop、Cursor 里配置?

它是stdio 本地进程,客户端配置里要写启动命令和参数,运行环境是 Node.js;保存后完全退出客户端再打开,配置才会生效。

Typescript Server Starter 收费吗?

本站只整理公开资料,不代收费用,也没有标注具体价格。是否收费取决于服务本身和背后的接口额度,正式使用前按官方说明确认。

Typescript Server Starter 需要 API Key 吗?

公开资料标注为无需认证,装好就能连;如果实际调用时报鉴权错误,按官方文档补上凭据。

Typescript Server Starter 支持哪些客户端?

公开资料标注支持 Claude Desktop、Claude、Cursor;其他客户端只要能配置 MCP Server,也能用同样的命令或地址接入。

来源信息

继续浏览同类 MCP