Rumah >hujung hadapan web >tutorial js >Shopify Liquid REPL dengan API & JSON

Shopify Liquid REPL dengan API & JSON

PHPz
PHPzasal
2024-09-04 07:02:32351semak imbas

Shopify Liquid REPL with API & JSON

Saya sangat teruja ? untuk berkongsi laman web baharu saya Shopify Liquid REPL.

Baru-baru ini saya melihat siaran Taylor Page tentang Shopify REPL (Read-Eval-Print-Loop), yang mendorong saya menyemak tapak tersebut. Selepas menyemak output tapak web, saya mencipta versi baharu yang menyepadukan input data JSON melalui API. Anda kini boleh menggunakan data JSON langsung tanpa perlu menambah API. Untuk kemas kini ini, saya menggunakan HTML, CSS dan JavaScript, bersama-sama dengan liquid.browser.min.js. Semuanya berfungsi dengan baik setakat ini. Tom Blanchard, anda mencipta tapak yang sangat baik menggunakan Polaris dan React, dan saya menggunakan tapak anda sebagai rujukan untuk kemas kini saya.

? Berikut adalah beberapa perkara penting:

  • ? Data Mudah: Jika anda menggunakan data ringkas seperti pembolehubah, anda boleh menggunakannya secara langsung.
  • ? Data Kompleks: Jika anda menggunakan data yang berkaitan dengan produk, koleksi, pengguna, dsb., anda perlu menambah kod JSON.
  • ? API Pengujian: Saya telah menyertakan API pengguna ujian tiruan yang boleh anda gunakan.
  • ? API Pengujian Lain: Anda boleh menemui API ujian lain di API Kedai Palsu.

? Cara Penggunaan:

  1. Jika anda mempunyai API atau JSON, klik butang "Tambah JSON", tambah data anda dan kemudian tutup pop timbul.
  2. Tambahkan kod Cecair pada medan input.liquid (cth., produk untuk gelung) dan sertakan tajuk produk dalam gelung.
  3. Selepas itu, anda akan melihat semua tajuk produk dipaparkan dalam kotak output.

Itu sahaja! Jika sesiapa ada sebarang pertanyaan, boleh DM saya ?.
Terima kasih kepada Taylor dan Tom? kerana berkongsi siaran Shopify REPL, siaran anda memberi inspirasi kepada saya untuk mencipta tapak web ini.

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

Atas ialah kandungan terperinci Shopify Liquid REPL dengan API & JSON. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn