AI导哈

MCP电商平台

基于MCP的安全电商平台，支持用户认证、商品订购和订单管理。

  • by doodlydan
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 doodlydan/mcp

使用说明

mcp.shop

The world's first MCP-based web shop, built with WorkOS AuthKit and Next.js mcp-adaptor.

Live Demo • Overview • Architecture • Prerequisites • Setup

概述

这个项目展示了如何使用AuthKit与MCP（可能是指某种中间件或认证平台）来创建一个安全的网络商店，用户可以在其中：

  • 连接到MCP服务器
  • 通过AuthKit进行身份验证
  • 使用MCP工具订购T恤
  • 查看订单详情（仅限管理员用户）

建筑学

该应用程序基于：

关键部件：

  • 认证逻辑： lib/with-authkit.ts
  • 客户端注册： app/.well-known/
  • MCP 实施： app/[transport]/route.ts

先决条件

  • Node.js（建议使用最新LTS版本）
  • 已配置AuthKit的WorkOS账户
  • Redis 服务（例如，Upstash）

设置

  1. 克隆仓库

  2. 安装依赖项：

    pnpm install

  3. 配置环境变量：

    复制 .env.example to .env.local 并适当设置每个环境变量。

    注：

    • 你可以在（相应位置）找到你的WorkOS凭据 WorkOS 控制台。
    • 确保设置好你的重定向URI（http://localhost:3000/callback 用于本地开发或 https://<deployed-url>/callback （用于生产）在仪表盘中。
    • 确保您已启用 动态客户端注册 在仪表盘上。它应该位于（某个位置）之下 开发者 -> 应用程序 -> 配置 仪表盘上的页面

  4. 启动开发服务器：

    pnpm dev

    该应用程序将在以下地址提供：

连接到MCP

要将您的聊天客户端连接到开发服务器，请在您的MCP配置文件中添加以下配置（例如。， .cursor/mcp.json):

{
  "mcpServers": {
    "mcp.shop": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "http://localhost:3000/mcp"]
    }
  }
}

做出贡献

欢迎贡献！请随时提交拉取请求。

许可证

麻省理工学院（MIT）

相关 MCP