[!info] related notes

• 所属 MOC: Shopify MOC
• 相关概念: Shopify 主题, Shopify 应用

Shopify 主题开发 vs 应用开发

范围

本文对比 Shopify 的两种主要开发路径：

• 主题开发：定制店铺前端外观
• 应用开发：扩展后台功能

为什么要放在一起理解

新手开发者常困惑：“我应该做主题还是应用？”

核心区别：

• 主题改变”商店看起来怎么样”
• 应用改变”商店能做什么”

但两者可以结合：应用可以在主题中添加 UI 元素

对比与易混淆点

维度	主题开发	应用开发
定制内容	店铺外观和前端逻辑	后台功能和数据处理
技术栈	Liquid + HTML/CSS/JS	任意后端语言 + GraphQL
运行位置	Shopify 服务器	你自己的服务器
数据访问	Storefront API（只读为主）	Admin API（完全访问）
学习难度	较低（前端技能即可）	较高（需要后端知识）
开发时间	1-4 周（定制主题）	2-8 周（完整应用）
收益模式	主题市场销售（$150-$350）	订阅收费（$5-$50/月）
目标客户	想要独特外观的商家	需要特定功能的商家
市场需求	中等（竞争激烈）	高（长期收益）

适用场景

选择主题开发，如果你想：

✅ 定制品牌外观和用户体验 ✅ 只需要前端技能 ✅ 快速交付项目 ✅ 一次性收费

典型项目：

• 为某品牌定制主题（$2,000-$10,000）
• 开发主题销售到 Theme Store（$200/个）
• Freelance 主题定制

选择应用开发，如果你想：

✅ 扩展 Shopify 功能（订阅系统、会员管理、库存同步） ✅ 构建 SaaS 产品 ✅ 获得持续订阅收入 ✅ 深度集成企业系统

典型项目：

• 订阅管理应用（$10-$30/月 × 1000 商家 = $10,000-$30,000/月）
• 库存同步应用
• 客服聊天应用

开发流程对比

主题开发流程

1. 使用 Shopify CLI 创建主题
2. 本地编辑 Liquid/CSS/JS
3. 实时预览（localhost）
4. 上传到 Shopify
5. 商家在后台自定义
6. 发布

工具：

• Shopify CLI
• Liquid
• HTML/CSS/JavaScript

应用开发流程

1. 创建 Shopify Partner 账户
2. 创建开发商店
3. 使用 Shopify CLI 搭建应用（Remix）
4. 开发后端逻辑（Node.js/Ruby/Python）
5. 集成 GraphQL Admin API
6. 配置 Webhook
7. 测试安装流程
8. 提交到 App Store

工具：

• Shopify CLI
• Remix/Node.js
• GraphQL
• Webhook

技能要求

主题开发

必需：

• HTML/CSS
• JavaScript 基础
• Liquid 模板语法

加分：

• 响应式设计
• 性能优化
• 可访问性（A11y）

应用开发

必需：

• 后端编程（Node.js/Ruby/Python）
• GraphQL
• OAuth 认证
• 数据库（如需持久化）

加分：

• React（Shopify Polaris）
• Webhook 处理
• API 限流优化

收益模式对比

主题开发

一次性收费：

• 定制主题：$2,000-$10,000+
• Theme Store 销售：$150-$350/个
• 月收入潜力：$3,000-$10,000（需持续销售）

优点：

• 快速回本
• 无需长期维护

缺点：

• 收入不稳定
• 需要持续获客

应用开发

订阅收费：

• 月费：$5-$50/月/商家
• 年费：$60-$500/年/商家
• 月收入潜力：$10,000-$100,000+（1000 商家 × $10-$100/月）

优点：

• 被动收入（MRR）
• 可扩展（一个应用服务无限商家）

缺点：

• 冷启动慢
• 需要长期维护

组合策略

可以同时做两者：

1. 应用 + 主题集成：

   • 应用提供功能
   • 主题提供 UI 组件
   • 例如：订阅应用 + 订阅小部件主题区块

2. 为应用开发配套主题：

   • 某些应用需要特定的前端展示
   • 主题作为应用的”UI 层”

市场趋势（2026）

主题市场

• 竞争激烈（Theme Store 有数百个主题）
• 需要独特卖点（如特定行业主题）
• Shopify 2.0 架构成为标准

应用市场

• 持续增长（Shopify 商家数增加）
• AI 功能成为热门（AI 客服、AI 推荐）
• 无头商务（Headless）应用需求上升

决策框架

问自己三个问题：

1. 你更擅长什么？

   • 前端 → 主题开发
   • 全栈 → 应用开发

2. 你想要什么收益模式？

   • 快速回本 → 主题开发
   • 长期被动收入 → 应用开发

3. 你有多少时间和预算？

   • 短期项目 → 主题开发
   • 长期产品 → 应用开发

学习路径建议

路径 1：主题开发优先

1. 学习 HTML/CSS/JS
2. 掌握 Liquid 模板
3. 开发第一个主题
4. 逐步学习 Storefront API
5. （可选）扩展到应用开发

适合：前端开发者、设计师转开发

路径 2：应用开发优先

1. 学习后端编程（Node.js）
2. 掌握 GraphQL
3. 理解 OAuth
4. 开发第一个应用
5. （可选）学习主题开发以增强 UI

适合：后端开发者、SaaS 创业者

Related notes

• Shopify MOC
• Shopify 主题
• Shopify 应用
• Shopify 主题开发快速开始
• Shopify 应用开发环境搭建