使用 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我？
感謝泰勒和湯姆？感謝您分享 Shopify REPL 帖子，您的帖子啟發了我創建此網站。

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

以上是使用 API 和 JSON 的 Shopify Liquid REPL的詳細內容。更多資訊請關注PHP中文網其他相關文章！