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 im Ausgabefeld alle Produkttitel 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