AI导哈

二维码生成器

一个生成文本、URL、电话号码或任何字符串的二维码的MCP应用，支持本地和远程部署。

  • by SylvainRamousse
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 SylvainRamousse/qrcode-generator-mcp-app

使用说明

二维码生成器MCP应用程序

一个MCP应用程序，可从文本、网址、电话号码或任何字符串生成二维码。支持本地（stdio）和远程（Vercel）部署。

安装

npm install
npm run build

用法

本地模式（stdio）

在本地运行服务器：

npm start

或者用于热重载开发：

npm run serve

远程模式（Vercel）

部署到Vercel：

npx vercel --prod

MCP端点将在 https://your-project.vercel.app/mcp.

在Claude桌面中配置

编辑 ~/Library/Application Support/Claude/claude_desktop_config.json:

选项1：本地服务器（stdio）

{
  "mcpServers": {
    "qrcode-generator": {
      "command": "node",
      "args": ["/path/to/qrcode-generator-mcp-app/dist/index.js"]
    }
  }
}

选项2：远程服务器（通过mcp-Remote）

{
  "mcpServers": {
    "qrcode-generator": {
      "command": "npx",
      "args": ["mcp-remote", "https://your-project.vercel.app/mcp"]
    }
  }
}

选项3：远程服务器（通过UI-Pro/Max/Team/Enterprise）

首选 设置→ 集成→ 添加自定义集成 并输入您的服务器URL。

保存配置后，重新启动Claude Desktop。

在Claude中使用

配置后，询问Claude：

  • “生成二维码https://example.com"
  • “用我的电话号码创建二维码”
  • “为此文本制作二维码”

交互式UI将出现在对话中。

项目结构

qrcode-generator-mcp-app/
├── index.ts              # Local stdio entry point
├── src/
│   ├── server.ts         # Shared MCP server factory
│   └── mcp-app.ts        # Client-side UI logic
├── api/
│   └── mcp.ts            # Vercel serverless function
├── mcp-app.html          # UI template
├── vite.config.ts        # Vite build config
├── vercel.json           # Vercel deployment config
└── package.json

发展

  • npm run build --面向生产的构建（Vite+TypeScript）
  • npm run dev --TypeScript的监视模式
  • npm run serve --使用tsx在本地运行
  • npx vercel dev --在本地测试Vercel功能

相关 MCP