使用 API 和 JSON 的 Shopify Liquid REPL

使用 api 和 json 的 shopify liquid repl

我非常兴奋 ? 分享我的新网站 Shopify Liquid REPL。

我最近看到 Taylor Page 关于 Shopify REPL (Read-Eval-Print-Loop) 的帖子,这促使我查看了该网站。检查网站的输出后,我创建了一个新版本,该版本集成了通过 API 输入的 JSON 数据。您现在可以使用直接 JSON 数据,而无需添加 API。对于此更新,我使用了 HTMLCSS JavaScript,以及 Liquid.browser.min.js。到目前为止一切进展顺利。 Tom Blanchard,您使用 Polaris 和 React 创建了一个出色的网站,我使用您的网站作为我的更新的参考。

? 以下是一些要点:

  • ? 简单数据:如果使用变量等简单数据,可以直接使用它们。
  • ? 复杂数据: 如果您使用与产品、集合、用户等相关的数据,则需要添加 JSON 代码。
  • ? 测试 API: 我已经包含了一个您可以使用的虚拟测试用户 API。
  • ? 其他测试 API: 您可以在 Fake Store API 找到其他测试 API。

? 使用方法:

  1. 如果您有 API 或 JSON,请单击“添加 JSON”按钮,添加您的数据,然后关闭弹出窗口。
  2. 将 Liquid 代码添加到 input.liquid 字段(例如,产品 for 循环),并在循环中包含产品标题。
  3. 之后,您将看到输出框中显示的所有产品标题。

就是这样!如果有人有任何疑问,请随时DM我?。
感谢 Taylor 和 Tom ? 分享 Shopify REPL 帖子,你们的帖子启发了我创建这个网站。

Shopify Liquid REPL ?:http://liquid-repl.mycodemagic.com

以上就是使用 API 和 JSON 的 Shopify Liquid REPL的详细内容,更多请关注www.sxiaw.com其它相关文章!