"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Shopify Liquid REPL con API y JSON

Shopify Liquid REPL con API y JSON

Publicado el 2024-10-31
Navegar:638

Shopify Liquid REPL with API & JSON

¿Estoy muy emocionado? para compartir mi nuevo sitio web Shopify Liquid REPL.

Recientemente vi la publicación de Taylor Page sobre Shopify REPL (Read-Eval-Print-Loop), lo que me impulsó a revisar el sitio. Después de verificar el resultado del sitio web, creé una nueva versión que integra la entrada de datos JSON a través de la API. Ahora puede utilizar datos JSON directos sin necesidad de agregar una API. Para esta actualización, utilicé HTML, CSS y JavaScript, junto con liquid.browser.min.js. Todo está funcionando bien hasta ahora. Tom Blanchard, creaste un sitio excelente usando Polaris y React, y yo usé tu sitio como referencia para mis actualizaciones.

? Aquí hay algunos puntos clave:

  • ? Datos simples: Si usa datos simples como variables, puede usarlos directamente.
  • ? Datos complejos: Si utiliza datos relacionados con productos, colecciones, usuarios, etc., debe agregar el código JSON.
  • ? API de prueba: He incluido una API de prueba de usuarios ficticia que puedes usar.
  • ? Otras API de prueba: Puede encontrar otras API de prueba en Fake Store API.

? Cómo utilizar:

  1. Si tiene una API o JSON, haga clic en el botón "Agregar JSON", agregue sus datos y luego cierre la ventana emergente.
  2. Agregue código Liquid al campo input.liquid (por ejemplo, un producto para bucle) e incluya el título del producto en el bucle.
  3. Después de eso, verá todos los títulos de productos mostrados en el cuadro de salida.

¡Eso es todo! Si alguien tiene alguna pregunta, no dude en enviarme un mensaje de texto.
¿Gracias a Taylor y Tom? por compartir la publicación de Shopify REPL, tus publicaciones me inspiraron a crear este sitio web.

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

Declaración de liberación Este artículo se reproduce en: https://dev.to/prashant-ardeshana/shopify-liquid-repl-with-api-json-2g49?1 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3