大数跨境

认识 Shopify Dev Assistant:更快构建 Shopify 应用

认识 Shopify Dev Assistant:更快构建 Shopify 应用 Shopify电商独立站
2025-10-16
3
导读:在 Shopify 上构建应用不应意味着与 API 搏斗或编写样板代码。Shopify Dev Assistant 借助基于 Shopify 开发者文档训练的 AI,帮助你更快地学习、编码和发布产品。

基于 Shopify 进行开发不应意味着与 API 搏斗或编写样板代码。Shopify Dev Assistant 借助针对 Shopify 开发者文档训练的 AI,帮助你更快地学习、编码和发布产品。

您可以在两个地方使用 Shopify Dev Assistant:

  • 在 Shopify 开发者文档中,它可以回答问题、解释概念并生成入门代码。
  • 在支持的 IDE 中通过 Shopify Dev MCP 服务器使用它,它可以利用你的项目文件提供上下文感知的帮助。

在文档中使用 Dev Assistant

你的旅程通常始于 Shopify.dev。当你阅读文档并遇到问题时,可以从顶部导航栏访问 Dev Assistant。

用它来快速提问、理解 API,并在不离开文档的情况下处理多步骤开发流程。

例如,你可以询问:

What’s the best way to paginate through orders using GraphQL?

或者你可以逐步完成完整的工作流:

I want to offer a free gift with every purchase over $100. What kind of Function should I use?How do I build a Cart Transform Function to do that?Now that I have the code, how do I activate this function on my store?

从文档中生成代码

Dev Assistant 可以弥合学习与实践之间的差距。当你寻求帮助时,它不仅能解释概念,还能生成即用型代码。

对于 Admin API,它可以提供可直接运行的 GraphQL 操作。每个代码块都包含一个“在 GraphiQL 中运行”按钮,因此你可以直接从聊天界面测试查询或变更。要使用此功能,请确保你已在本地运行一个 Shopify 应用。

对于 Shopify Functions,Dev Assistant 可以提供完整的代码脚手架。它会为你提供用例所需的样板代码,让你专注于定制,而无需查找输入和输出结构。

在你的 IDE 中使用 Dev Assistant

通过 Shopify Dev MCP server,您可以将 Dev Assistant 连接到支持的 IDE,例如 Cursor。

这是 Shopify 推荐的 AI 辅助开发方法,因为它能为助手提供项目上下文。它可以引用你的文件、依赖项和文件结构,然后为你的应用量身定制答案。

使用 IDE 助手来:

  • 生成符合你项目风格和依赖项的代码。
  • 在编辑器中直接生成 Shopify Functions 或 Admin API 调用。
  • 根据项目中的文件提供建议,以调试问题。

把它想象成与一位了解 Shopify 文档并能读取你项目的助手进行结对编程。

常见工作流

当你给助手一个具体的任务并提供足够的上下文时,它会非常有用。这些工作流是很好的起点。

生成 Admin API 操作

编写 GraphQL 操作可能很繁琐。你需要正确的字段、过滤器、分页结构和变更语法。

与其在编辑器和 API 文档之间切换,不如用自然语言描述你需要的数据。

I want to append NEW! to the title of the most recently added product in my store.

Dev Assistant 可以为你生成格式化的查询或变更,自动处理嵌套对象和分页。

生成 Shopify Functions

Shopify Functions 可以处理复杂的逻辑,但入门需要做出一些设置决策。你需要选择合适的 Function API,理解输入和输出结构,并编写初始的 JavaScript 或 Rust 代码,然后才能专注于业务逻辑。

描述你想要创建的逻辑,Dev Assistant 可以生成一个可用的 Function 脚手架。

Create a function to ensure shoppers can only check out when the order total is less than 500 USD.

助手可以生成包含正确输入结构和验证逻辑的完整函数文件。在此基础上,你可以针对你的应用优化行为。

构建 Polaris 界面

强大的应用 UI 很重要,但从头开始构建页面需要时间。你需要记住组件名称、属性和布局模式。

Dev Assistant 可以根据你对界面的描述生成结构化的 Polaris 代码。

Create a component for a settings page using Polaris. It should have a page title of Settings, a card containing a form with a text field for an API Key, and a primary Save button at the bottom.

助手可以生成 JSX 结构,让你专注于将 UI 与应用程序逻辑连接起来。

生成和验证 Liquid 代码

自定义商店开发通常需要使用 Liquid 语法、主题上下文、对象、过滤器、循环和条件逻辑。微小的语法错误都可能导致页面崩溃。

Dev Assistant 可以生成 Liquid 代码片段或验证现有的 Liquid 代码。

Create a Liquid snippet for a 4-column product grid. For each product, show its featured image, title, vendor, and price. If the product is on sale, display a Sale badge and show the compare_at_price.

该助手可以生成 for 循环、输出产品属性并添加条件销售逻辑。

编写更优提示词的技巧

为了获得更好的输出结果,请将 Dev Assistant 视为团队中的另一位开发者。为其提供上下文、约束条件和明确的目标。

提供目标和上下文

不要这样写:

This code doesn't work.

尝试这样写:

I'm trying to create a cart transform function to add a free gift, but I'm getting an error that the input format is wrong. Here is my code.

分解复杂问题

先请求最小可用部分,然后逐步迭代。

Build a product discount function that applies a 10% discount to products with the sale tag.

在验证其正常工作后,再请求下一层功能:

Add a metafield setting so the merchant can configure that percentage.

开始使用

安装 Shopify Dev MCP Server 可将 Dev Assistant 引入您的 IDE,或者在 Shopify 开发者文档的任何页面上点击 Assistant 按钮以提问。

请在 community forums 中告知我们您如何使用 Shopify Dev Assistant、发现了哪些技巧或有任何疑问。

【声明】内容源于网络
0
0
Shopify电商独立站
1234
内容 7146
粉丝 0
Shopify电商独立站 1234
总阅读87.4k
粉丝0
内容7.1k