mKit

mKit

A boilerplate for building MCP servers on Cloudflare Workers with built-in OAuth 2.1 authentication, Stripe billing integration, and OpenAI Apps SDK UI support.

Category
访问服务器

README

<p align="center"> <img src="./brand/mKit-brand-logo.png" alt="mKit" height="160" /> </p>

mKit — MCP Server Boilerplate for Cloudflare Workers

This repository is a boilerplate for bootstrapping MCP servers on Cloudflare Workers with OAuth 2.1, Stripe billing, and OpenAI Apps SDK UI integration.

Last updated: 2026-01-08 Owner: TBD (set maintainer/team) Review cadence: Quarterly (confirm)

Doc requirements

  • Audience tier: Beginner to intermediate
  • Scope: Using this repo as a template to configure, run, and deploy an MCP server
  • Non-scope: OAuth provider setup details, Stripe account setup, and product-specific UI design
  • Required approvals: Maintainer approval for production changes (confirm)

Table of contents

Risks and assumptions

  • Assumptions: You control a Cloudflare account, OAuth providers, and a Stripe account.
  • Risks / blast radius: Misconfigured secrets or webhook signing can cause auth/payment failures.
  • Rollback / recovery: Rotate secrets and redeploy; disable affected routes until fixed.

Prerequisites

  • Required: Node.js 20+, pnpm, Wrangler CLI, Cloudflare account
  • Optional: Stripe and OAuth provider accounts (needed to enable payments and login)

Quickstart

1) Install dependencies

pnpm install

2) Run setup

pnpm setup

This interactive script will:

  • Prompt for OAuth credentials (Google/GitHub)
  • Prompt for Stripe configuration (optional)
  • Generate a secure cookie encryption key
  • Create KV namespaces in Cloudflare
  • Write .env and update wrangler.jsonc

3) Run locally

pnpm dev
pnpm dev:worker

Run each command in a separate terminal.

4) Verify

Expected output:

  • Vite prints a local dev server URL without errors.
  • Wrangler prints a local worker URL and no startup errors.
  • A request to /mcp returns a non-5xx response.

Common tasks

Create a new tool to expose MCP functionality

  • What you get: A new MCP tool registered at server startup.
  • Steps:
# Add a new file under src/tools/free/ or src/tools/paid/
  • Verify: The tool is registered in the server startup logs.

Add a new widget page for the Apps SDK UI

  • What you get: A new auto-discovered widget route.
  • Steps:
# Add an HTML file in src/app/routes/ and a React component in src/app/components/
  • Verify: The route is present in the generated manifest at build time.

Build and deploy to Cloudflare

  • What you get: A live MCP endpoint at your worker URL.
  • Steps:
pnpm build-deploy
  • Verify: pnpm wrangler deploy reports success and the worker URL responds.

Run quality checks

  • What you get: Type safety and test validation.
  • Steps:
pnpm typecheck
pnpm lint
pnpm test
  • Verify: Each command exits with status 0.

Troubleshooting

Symptom: wrangler dev fails with missing KV namespace

Cause: wrangler.jsonc has placeholder KV IDs. Fix:

pnpm wrangler kv namespace create OAUTH_KV

Update wrangler.jsonc with the real IDs and retry.

Symptom: OAuth login fails or tokens are rejected

Cause: OAuth issuer or JWKS URL is incorrect. Fix: Re-check OAUTH_ISSUER and OAUTH_JWKS_URI in .env.

Symptom: Stripe webhooks are rejected

Cause: Webhook signing secret does not match Stripe configuration. Fix: Update STRIPE_WEBHOOK_SECRET with the value from Stripe dashboard.

Acceptance criteria

  • [ ] .env created from .env.example with valid values.
  • [ ] KV namespace IDs set in wrangler.jsonc.
  • [ ] Local dev runs without startup errors.
  • [ ] At least one tool is registered and callable.
  • [ ] Deployment succeeds in Cloudflare.
  • [ ] Troubleshooting steps are validated by maintainers.

Evidence bundle

  • Lint outputs (Vale/markdownlint/link check): Not run (no configs found).
  • Brand check output: Not run (no brand check script found).
  • Readability output (if available): Not run (no readability script found).
  • Checklist snapshot: Pending maintainer confirmation.

Reference

  • Project layout: src/worker, src/auth, src/billing, src/tools, src/app
  • Commands: pnpm setup, pnpm dev, pnpm dev:worker, pnpm build, pnpm deploy, pnpm test, pnpm lint
  • Related docs: docs/architecture.md, docs/development.md, docs/deployment.md, docs/configuration.md, docs/runbook.md

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选
mcp-server-qdrant

mcp-server-qdrant

这个仓库展示了如何为向量搜索引擎 Qdrant 创建一个 MCP (Managed Control Plane) 服务器的示例。

官方
精选
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选