首頁  >  文章  >  web前端  >  使用 API 和 JSON 的 Shopify Liquid REPL

使用 API 和 JSON 的 Shopify Liquid REPL

PHPz
PHPz原創
2024-09-04 07:02:32316瀏覽

Shopify Liquid REPL with API & JSON

我很興奮?分享我的新網站 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn