Agent Skills
返回列表
💻

Shopify 应用开发

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/shopify-apps。

技能介绍

要解决什么问题

在 Shopify 上开发应用时,常见踩坑包括:管理后台嵌入与 App Bridge 版本不一致、Webhook 未先返回 200 导致重试风暴、仍用已弃用的 REST Admin API 做新功能,以及 GDPR 与客户敏感数据访问未按平台要求实现。本技能把官方推荐路径与团队实践收敛成可检索的决策清单。

技能如何组织内容

技能按三类模式展开:

  • React Router 应用设置:以现代 Shopify 应用模板(React Router)作为新项目的默认骨架。
  • 带 App Bridge 的嵌入应用:在 Shopify Admin 内嵌渲染 UI,并强调通过脚本标签使用最新 App Bridge。
  • Webhook 处理:基于 HMAC 校验请求来源,并遵循「先响应、后异步处理」的交付顺序。

同时列出反模式(例如新应用继续走 REST、先处理 Webhook 再响应、用轮询替代 Webhook),并在「锐利边缘」中按严重程度标注:速率限制响应头、受保护客户数据、仅使用 TOML 配置(推荐)、兼容两种 URL 格式、新代码统一 GraphQL、完整 GDPR 处理程序等。

适用边界与注意点

本技能是架构与合规向的速查,不替代 Shopify 官方文档 的 API 细节。若你维护的是历史 REST 集成,迁移到 GraphQL 需要单独排期;Webhook 与后台任务的幂等与重试策略仍需结合自己的队列与监控实现。

使用场景

  • 新开 Shopify 应用,需要按官方推荐选用 React Router 模板并完成 OAuth 与基础路由结构
  • 在 Shopify 管理后台内嵌自有页面,需确认 App Bridge 脚本版本与嵌入 URL 两种格式都能正常工作
  • 为订单或库存变更注册 Webhook,要在 HMAC 校验通过后先返回 200,再把业务逻辑放到异步队列处理
  • 上线前对照技能里的反模式与锐利边缘,检查是否仍用 REST 新接口、是否补齐 GDPR 与客户敏感数据访问

适合人员

  • 接商户定制需求、首次在 Shopify Partners 上发布嵌入型应用的全栈工程师
  • 负责店铺集成服务的后端工程师,需要设计可重试且符合平台速率限制的 Webhook 端点
  • 维护多家客户 Shopify 应用的外包团队技术负责人,需要统一 TOML 配置与 GraphQL 迁移规范
  • 从旧版 REST 集成续维护的应用负责人,评估新功能是否必须切到 Admin GraphQL API