Heim > Web-Frontend > js-Tutorial > Hauptteil

Shopify Liquid REPL mit API und JSON

PHPz
Freigeben: 2024-09-04 07:02:32
Original
344 Leute haben es durchsucht

Shopify Liquid REPL with API & JSON

Ich bin sehr aufgeregt? um meine neue Website Shopify Liquid REPL zu teilen.

Ich habe kürzlich den Beitrag von Taylor Page über Shopify REPL (Read-Eval-Print-Loop) gesehen, der mich dazu veranlasste, die Website zu überprüfen. Nachdem ich die Ausgabe der Website überprüft hatte, erstellte ich eine neue Version, die die JSON-Dateneingabe über die API integriert. Sie können jetzt direkte JSON-Daten verwenden, ohne eine API hinzufügen zu müssen. Für dieses Update habe ich HTML, CSS und JavaScript sowie liquid.browser.min.js verwendet. Bisher funktioniert alles gut. Tom Blanchard, Sie haben mit Polaris und React eine hervorragende Website erstellt, und ich habe Ihre Website als Referenz für meine Updates verwendet.

? Hier sind einige wichtige Punkte:

  • ? Einfache Daten: Wenn Sie einfache Daten wie Variablen verwenden, können Sie diese direkt verwenden.
  • ? Komplexe Daten: Wenn Sie Daten zu Produkten, Sammlungen, Benutzern usw. verwenden, müssen Sie den JSON-Code hinzufügen.
  • ? Test-API: Ich habe eine Dummy-API für Testbenutzer eingefügt, die Sie verwenden können.
  • ? Andere Test-APIs: Weitere Test-APIs finden Sie unter Fake Store API.

? Anwendung:

  1. Wenn Sie über eine API oder JSON verfügen, klicken Sie auf die Schaltfläche „JSON hinzufügen“, fügen Sie Ihre Daten hinzu und schließen Sie dann das Popup.
  2. Fügen Sie Liquid-Code zum Feld input.liquid hinzu (z. B. ein Produkt für die Schleife) und fügen Sie den Produkttitel in die Schleife ein.
  3. Danach werden Ihnen alle Produkttitel im Ausgabefeld angezeigt.

Das ist es! Wenn jemand Fragen hat, kann er mir gerne eine DM schreiben.
Danke an Taylor und Tom? Für das Teilen des Shopify REPL-Beitrags haben mich Ihre Beiträge dazu inspiriert, diese Website zu erstellen.

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

Das obige ist der detaillierte Inhalt vonShopify Liquid REPL mit API und JSON. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage