Shopify 开发大师课介绍
欢迎来到 Shopify 开发大师课 —— 这是使用**智能编程(Agentic Coding)**构建现代 Shopify 应用、主题和集成的权威课程。这不是一般的 Shopify 教程。我们将从根本上改变你对软件开发的思维方式,将 Shopify 的强大平台与 Claude Code 和模型上下文协议(MCP)相结合。
本课程适合谁
本课程面向三类有交叉的受众:
-
想要编程的商家。 你经营着一家 Shopify 店铺,厌倦了为那些几乎能满足需求的应用付费。你有一定的技术好奇心,但可能没有计算机科学学位。智能编程是你的效率倍增器 -- 它让你在 AI 的辅助下构建真正的功能,即使你还在学习基础知识。
-
Shopify 新手开发者。 你了解 JavaScript、React 或其他语言,但从未在 Shopify 平台上构建过应用。你需要理解这个生态系统 -- API、扩展点、合作伙伴仪表板、部署模型 -- 并且你想快速学会。
-
对 AI 感兴趣的构建者。 你听说过 AI 辅助编程,但你想超越自动补全。你想了解拥有一个能读取文档、调用 API、运行 Shell 命令并自主构建完整功能的 AI 代理意味着什么。你想看看 MCP 服务器如何将 Claude Code 变成 Shopify 开发的强力引擎。
虽然我们的节奏较快,但每个概念都从基本原理解释。如果你能阅读 JavaScript 并使用终端,你就具备了开始所需的一切。
什么是智能编程?
传统的 AI 编程助手建议下一行代码。智能编程则根本不同。像 Claude Code 这样的智能编程系统可以:
- 理解上下文 -- 读取你的整个项目、文档和 API Schema
- 规划多步骤解决方案 -- 将复杂功能拆解为实施步骤
- 自主执行 -- 运行命令、创建文件、安装依赖、调用 API
- 根据反馈迭代 -- 读取错误消息、修复 Bug,不断优化直到方案生效
- 利用工具学习 -- 使用 MCP 服务器访问实时 Shopify 数据、文档等
可以把它想象成拼写检查器和合著者的区别。Claude Code 不只是修正你的拼写错误 -- 它帮你写整本书。
Claude Code + MCP 范式转变
Claude Code 是 Anthropic 基于命令行的编程代理。你在终端中运行它,它可以完全访问你的文件系统、Shell 和开发工具。但真正让它在 Shopify 开发中如此强大的是模型上下文协议(MCP)。
MCP 是一个开放标准,让 AI 代理通过统一协议连接到外部工具和数据源。对于 Shopify 开发,这意味着 Claude Code 可以:
- 实时查询你的 Shopify 店铺 Admin API
- 读取最新的 Shopify 文档
- 检查你的主题文件并建议 Liquid 改进
- 运行 Shopify CLI 命令来创建脚手架、测试和部署
- 访问你店铺的产品目录、订单和客户数据
这是一次范式转变。你不再需要在文档标签页、API 浏览器和编辑器之间来回切换,只需描述你想要什么,Claude Code 就能弄清楚如何构建它 -- 并实时访问你的实际店铺数据。
课程路线图
大师课分为八个模块,每个模块都建立在前一个模块的基础上:
| 模块 | 重点 | 核心成果 |
|---|---|---|
| 快速入门 | 环境、工具、第一个应用 | 在开发店铺上运行 Shopify 应用 |
| Shopify 基础 | 平台架构、API、Liquid、Hydrogen、Functions | 深入理解 Shopify 生态系统 |
| Claude Code 与 Shopify | CLI 工作流、提示工程、自主编程 | 高效的智能开发工作流 |
| MCP 深入探讨 | 协议内部机制、构建服务器、Shopify MCP 工具 | 为你的工作流定制 MCP 服务器 |
| 智能模式 | AI 辅助 Shopify 开发的设计模式 | 常见任务的可复用模式 |
| 构建应用 | 完整应用开发:嵌入式 UI、Webhooks、计费 | 生产就绪的 Shopify 应用 |
| 高级主题 | Functions、Checkout UI、B2B、Markets、Shopify Plus | 高级平台能力 |
| 部署与运维 | CI/CD、监控、应用审核、扩展 | 应用上架 Shopify App Store |
学习目标
完成本课程后,你将能够:
- 构建和部署 使用 Remix、Polaris 和 App Bridge 的 Shopify 应用
- 创建自定义主题 使用 Liquid、Online Store 2.0 区块和 JSON 模板
- 高效使用 Claude Code 作为 Shopify 开发的智能编程伙伴
- 构建 MCP 服务器 将 Claude Code 连接到 Shopify API 和你的自定义工具
- 编写 Shopify Functions 使用 JavaScript 和 Rust 扩展结账、折扣和物流
- 设计 Hydrogen 店面 使用 React、Remix 和 Storefront API
- 了解合作伙伴生态系统 包括应用审核、计费和收入分成
- 应用智能设计模式 使 AI 辅助开发可靠且可重复
前置要求
开始之前,请确保你有:
- 一台电脑 运行 macOS、Linux 或 Windows(推荐 WSL2)
- 基本的 JavaScript 知识 -- 变量、函数、async/await、模块
- 终端使用能力 -- 你应该能够切换目录并运行命令
- 一个 Shopify 合作伙伴账号 -- 可在 partners.shopify.com 免费创建
- 一个 Anthropic API 密钥 -- Claude Code 所需,可在 console.anthropic.com 获取
- Node.js 20 或更高版本 -- 我们将在下一节课中介绍安装方法
关于智能编程最大的误解是你需要是一个专业程序员才能使用它。事实恰恰相反 -- Claude Code 对于仍在学习的人来说最具变革性。它就像有一个高级开发者全天候与你结对编程。
如何使用本课程
每节课包括:
- 概念讲解 配有图表和实际场景
- 实践练习 你可以在终端中跟着操作
- 代码示例 可直接复制粘贴,并已针对当前 Shopify API 版本测试
- Claude Code 提示 展示如何为每个任务利用智能编程
- 检查点问题 在继续之前验证你的理解
我们建议第一次学习时按顺序完成各模块。之后可以将本课程作为参考 -- 需要时跳转到任意章节。
在整个课程中,你将使用 Shopify API 凭据和 Anthropic API 密钥。切勿将这些提交到版本控制中。我们将在环境设置课程中展示如何正确使用环境变量和 .env 文件。
准备好了吗?让我们开始设置你的开发环境。