Shopify MOC

Shopify 电商平台开发知识地图，涵盖主题开发、应用开发、API 集成、支付物流等完整电商解决方案

#type / moc #status / growing #tech / dev #society / business #resource / shopify

[!info] related notes

Shopify MOC

这张地图覆盖什么

本地图涵盖 Shopify 电商平台的完整开发知识体系，包括：

  • 平台基础：Shopify 平台架构、核心功能、设计哲学
  • 主题开发：使用 Liquid 模板引擎构建自定义店铺前端
  • 应用开发：通过 GraphQL/REST API 扩展平台能力
  • 业务流程：结账、支付、订单履约等电商核心环节
  • 性能优化：提升店铺速度、改善用户体验
  • 问题排查：常见错误与解决方案

适合谁：

  • 想要了解 Shopify 平台的开发者
  • 计划开发 Shopify 主题或应用的前端/全栈工程师
  • 需要集成 Shopify 的产品经理或技术决策者

前置知识：

  • HTML、CSS、JavaScript 基础（主题开发）
  • React、GraphQL 基础（应用开发）
  • 基本的电商业务理解（可选）

推荐阅读顺序 / 从这里开始

如果你是第一次接触 Shopify，建议按以下顺序阅读：

  1. Shopify - 了解 Shopify 是什么、核心功能
  2. Shopify 架构 - 理解平台的技术架构
  3. Shopify vs WooCommerce - 对比竞品，理解设计权衡
  4. 选择你的方向：
    • 主题开发 → 阅读”主题开发路径”
    • 应用开发 → 阅读”应用开发路径”
    • 业务理解 → 阅读”业务核心概念”

核心概念分组

平台基础

  • Shopify - 托管式电商 SaaS 平台，提供完整电商解决方案
  • Shopify 架构 - 可组合商务架构，统一堆栈设计

主题开发

应用开发

业务核心概念

高级特性

关系笔记入口

操作指南 / 资源入口

快速开始

开发工作流

性能优化

问题排查

相关 MOC

  • 前端工程 - Shopify 主题开发涉及前端技术栈
  • React MOC - Shopify 应用开发（Remix）基于 React

外部资源

学习路径

主题开发路径（前端开发者）

目标：能够独立开发和定制 Shopify 主题

  1. 基础理解（30 分钟）

  2. 核心技术（1-2 小时）

  3. 动手实践（2-3 小时）

  4. 优化与排障（1 小时）

预计总时间：4-6 小时（入门到能动手开发）

应用开发路径（全栈开发者）

目标：能够开发 Shopify 应用并上架到 App Store

  1. 基础理解（30 分钟）

  2. API 理解（1-2 小时）

  3. 对比决策（30 分钟）

  4. 动手实践（3-4 小时）

  5. 高级特性（1 小时）

预计总时间：5-8 小时（入门到能动手开发）

业务理解路径（产品经理/技术决策者）

目标：理解 Shopify 平台能力，做出技术选型决策

  1. 平台概览（30 分钟）

  2. 核心业务流程（1 小时）

  3. 扩展能力（30 分钟）

预计总时间：2 小时（理解平台能力）

更新日志

  • 2026-06-15：初次创建，涵盖 Shopify 平台基础、主题开发、应用开发、业务流程、性能优化和问题排查
创建于 2026/6/15 更新于 2026/6/15