在 Cursor 中配置 Shopify MCP 提升主题修改效率

更新于 2025-04-25

背景知识

如果你还没有详细了解过什么是 MCP，可以阅读下面的背景知识帮助理解。

Model Context Protocol（MCP，模型上下文协议）是由 Anthropic 推动的开放标准，旨在让大型语言模型（LLM）能够以统一、安全、标准化的方式访问外部数据源和工具，从而突破仅靠训练数据的限制，实现更强大和灵活的 AI 应用。

MCP 的架构主要包括三个核心角色：Host（主机）、Client（客户端）、Server（服务器）。接下来用通俗的语言分别解释这三个角色及其协作方式。

是什么：Host 就是你正在用的 AI 应用程序，比如 Claude Desktop、Cursor、AI 助手等。
作用：它是用户与 AI 互动的界面，负责承载 LLM、集成 MCP Client，并协调所有 AI 任务和外部资源的调用。
举例：你在 Claude 桌面应用里输入“查找我电脑上所有 PDF 文件”，Claude 应用就是 Host，它负责接收你的请求，并决定是否需要调用外部工具来完成任务。

是什么：Client 是嵌入在 Host 应用里的中间件，专门负责与 MCP Server 建立和维护一对一的连接。我们在 Cursor 中使用的 Shopify MCP 就属于是 Client。
作用：
- 接收 Host（AI 应用）发来的请求。
- 协议协商，确保 Host 和 Server 之间的功能兼容。
- 将请求转发给对应的 MCP Server，并把 Server 的响应结果传回给 Host。
- 负责能力发现（比如 Server 能做什么）、消息路由、权限管理等。
举例：你在 Claude 桌面应用里请求“查找 PDF 文件”，Client 会把这个请求转成 MCP 标准格式，发给本地的文件 MCP Server，然后把结果返还给 Claude 桌面应用。

是什么：Server 是一个轻量级服务程序，专门对接某一类数据源或工具（如本地文件、数据库、API、第三方服务），并按 MCP 规范对外提供标准化的功能接口。
作用：
- 暴露 “工具”（Tools）：如文件检索、数据库查询、API 调用等功能，供 LLM 调用。
- 提供 “资源”（Resources）：如文件内容、数据库记录、实时数据等。
- 提供 “提示”（Prompts）：预设的消息模板或工作流，帮助 AI 更好地完成任务。
- 只需实现一次，所有支持 MCP 的 AI 应用都能复用。
举例：文件 MCP Server 可以接收“查找 PDF 文件”的请求，访问本地文件系统，找到结果后返回给 Client。

MCP 让 AI 应用像插上 “万能接口”一样，轻松、安全地访问本地或远程的各种工具和数据源。

用户只需在 Host 里发出自然语言请求，Client 负责标准化通信和能力发现，Server 则专注于实现具体功能。

Shopify 已经发布了专用的 MCP Server，可以在 Cursor、Windsurf 或 Claude Desktop 等环境中，直接调用 Shopify 的 MCP。

这意味着可以通过 MCP 协议，让 AI 助手理解并操作 Shopify 平台的数据和功能，极大提升使用效率。本期教程讲解如何在 Cursor 中配置 Shopify MCP。

💡

提示：配置前需确保你的电脑已经安装 Node.js

{
  "mcpServers": {
    "shopify-dev-mcp": {
      "command": "cmd",
      "args": ["/k", "npx", "-y", "@shopify/dev-mcp@latest"]
    }
  }
}

{
  "mcpServers": {
    "shopify-dev-mcp": {
      "command": "npx",
      "args": ["-y", "@shopify/dev-mcp@latest"]
    }
  }
}