أنا متحمس جدًا؟ لمشاركة موقع الويب الجديد الخاص بي Shopify Liquid REPL.

لقد رأيت مؤخرًا مشاركة Taylor Page حول Shopify REPL (Read-Eval-Print-Loop)، مما دفعني إلى مراجعة الموقع. بعد التحقق من مخرجات موقع الويب، قمت بإنشاء إصدار جديد يدمج إدخال بيانات JSON عبر واجهة برمجة التطبيقات. يمكنك الآن استخدام بيانات JSON المباشرة دون الحاجة إلى إضافة واجهة برمجة التطبيقات. بالنسبة لهذا التحديث، استخدمت HTML وCSS وJavaScript، بالإضافة إلى Liquid.browser.min.js. كل شيء يعمل بشكل جيد حتى الآن. توم بلانشارد، لقد أنشأت موقعًا ممتازًا باستخدام Polaris وReact، واستخدمت موقعك كمرجع لتحديثاتي.

؟ فيما يلي بعض النقاط الرئيسية:

• ؟ البيانات البسيطة: إذا كنت تستخدم بيانات بسيطة مثل المتغيرات، فيمكنك استخدامها مباشرة.
• ؟ البيانات المعقدة: إذا كنت تستخدم البيانات المتعلقة بالمنتجات والمجموعات والمستخدمين وما إلى ذلك، فأنت بحاجة إلى إضافة رمز JSON.
• ؟ واجهة برمجة التطبيقات للاختبار: لقد قمت بتضمين واجهة برمجة تطبيقات وهمية لاختبار المستخدمين يمكنك استخدامها.
• ؟ واجهات برمجة تطبيقات الاختبار الأخرى: يمكنك العثور على واجهات برمجة تطبيقات اختبار أخرى في Fake Store API.

؟ كيفية الاستخدام:

1. إذا كان لديك واجهة برمجة تطبيقات أو JSON، فانقر فوق الزر "إضافة JSON"، وأضف بياناتك، ثم أغلق النافذة المنبثقة.
2. أضف كود Liquid إلى حقل input.liquid (على سبيل المثال، منتج للحلقة) وقم بتضمين عنوان المنتج في الحلقة.
3. بعد ذلك، سترى جميع عناوين المنتجات معروضة في مربع الإخراج.

هذا كل شيء! إذا كان لدى أي شخص أي أسئلة، فلا تتردد في مراسلتي مباشرة؟.
بفضل تايلور وتوم؟ لمشاركة منشور Shopify REPL، ألهمتني مشاركاتك لإنشاء هذا الموقع.

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