Я очень взволнован? поделиться своим новым сайтом Shopify Liquid REPL.

Недавно я увидел сообщение Тейлора Пейджа о Shopify REPL (Read-Eval-Print-Loop), которое побудило меня пересмотреть этот сайт. Проверив выходные данные веб-сайта, я создал новую версию, которая интегрирует ввод данных JSON через API. Теперь вы можете использовать прямые данные JSON без необходимости добавления API. Для этого обновления я использовал HTML, CSS и JavaScript, а также Liquid.browser.min.js. Пока все работает хорошо. Том Бланшар, вы создали отличный сайт, используя Polaris и React, и я использовал ваш сайт в качестве справочного материала для своих обновлений.

? Вот некоторые ключевые моменты:

• ? Простые данные: Если вы используете простые данные, например переменные, вы можете использовать их напрямую.
• ? Сложные данные: Если вы используете данные, связанные с продуктами, коллекциями, пользователями и т. д., вам необходимо добавить код JSON.
• ? API тестирования: Я включил фиктивный пользовательский API тестирования, который вы можете использовать.
• ? Другие API тестирования: Другие API тестирования можно найти в Fake Store API.

? Как использовать:

1. Если у вас есть API или JSON, нажмите кнопку «Добавить JSON», добавьте свои данные и закройте всплывающее окно.
2. Добавьте код Liquid в поле input.liquid (например, цикл Product for) и включите в цикл название продукта.
3. После этого вы увидите все названия продуктов, отображаемые в поле вывода.

Вот и все! Если у кого-то есть вопросы, пишите мне в Директ?.
Спасибо Тейлору и Тому? за то, что я поделился публикацией Shopify REPL, ваши публикации вдохновили меня на создание этого сайта.

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