使用 API 和 JSON 的 Shopify Liquid REPL

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

我最近看到 Taylor Page 关于 Shopify REPL (Read-Eval-Print-Loop) 的帖子，这促使我查看了该网站。检查网站的输出后，我创建了一个新版本，该版本集成了通过 API 输入的 JSON 数据。您现在可以使用直接 JSON 数据，而无需添加 API。对于此更新，我使用了 HTML、CSS 和 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