مُدَّة JSON — 6 أدوات مجانية في المتصفح التي يحتاجها كل مطوّر

نُشرت في

البيانات الخام للـ JSON تبطئك. ستة أداة متوفرة مجانًا في المتصفح — تنسيق، مُحقق نمط، مقارنة، مُختبر JSONPath، مُحول YAML، ومضاعف — تُقلل من التوتر. لا حاجة للتنزيل أو التسجيل.

مُداخِل JSON – 6 أدوات مُتاحة في المتصفح لكل مطور يحتاجها
إعلان · حذف؟

يعرف كل مطور هذا الشعور: تُصَدَّر إجابة واجهة برمجة تُقلّل من الحجم إلى محرر نصي، وتحاول قراءتها، ثم تُنهي فورًا. أو تُستغرق عشر دقائق في بحث عن فاصلة مفقودة في ملف تكوين JSON. أو تحتاج إلى التأكد من أن محتوى الإجابة تغير بين نسختين من الإطلاق. هذه مشكلات صغيرة، لكنها تُضاف معًا — بضع دقائق هنا، جلسة تدقيق هناك. نسمّيها ضريبة JSON.

تُزيل الأدوات المُتاحة في المتصفح التالية هذه الضريبة. لا حاجة للاشتراك، لا حاجة للاستجابة، لا حدود للسرعة. افتح علامة تبويب، وصِل بياناتك JSON، وانتهت.

في هذا الدليل، سنستخدم إجابة واجهة برمجة مُقلّلة من GitHub كمُثال للبيانات:

{"login":"torvalds","id":1024025,"name":"Linus Torvalds","company":"Linux Foundation","location":"Portland, OR","public_repos":7,"followers":236428,"following":0,"created_at":"2011-09-03T15:26:22Z","updated_at":"2024-03-15T10:30:00Z"}

1. مُعدّل JSON — جعل أي إجابة قابلة للقراءة

أن مُعدّل JSON عبر الإنترنت يأخذ محتوى مُختصر ومحذوف الفراغات ويُظهره بشكل مُنظّم مع تشكيل مناسب للإطارات. هو أول ما تلجأ إليه بعد نسخ إجابة واجهة برمجة من أمر curl أو من مُراقب الشبكة.

أدخل الإجابة المُقلّلة من GitHub أعلاه إلى تنسيق JSON وينتج فورًا شجرة قابلة للقراءة من قبل الإنسان. تُظهر الأجزاء المُستقلّة مساحة مُIndented؛ وتُعرض المصفوفات بشكل سطر بسطر. تُظهر الأخطاء في التكوين مباشرة — لا حاجة لبحث عن الـ bracket المغلق.

وهذا مفيد أيضًا عندما تُبنى واجهة برمجة من قبلك وتحتاج إلى التأكد من شكل الإجابة المُعاد توليدَها قبل كتابة عميل يعتمد عليها.

2. مُدقّق مخطط JSON — تطبيق عقد الواجهة

يُؤكد التحقق من صحة المستند أن المستند مُكوّن بشكل سليم. التحقق من مخطط JSON يذهب أبعد من ذلك: يُحقق ما إذا كان المستند يتوافق مع عقد مُحدد — الحقول المطلوبة، أنواع المسموح بها، مدى القيم، وما إلى ذلك.

ال مُدقّق مخطط JSON يأخذ مدخلين: الإجابة والمعيار. بالنسبة للإجابة من GitHub، قد تُصرّح أن login هي سلسلة مطلوبة و followers هي عدد غير سالب. إذا تغيرت إجابة الواجهة في المستقبل وحُذفت login أو تُحوّلت إلى سلسلة، يُكتشف ذلك فورًا. followers هذا هو الأساس في اختبار عقد الواجهة: اكتب معيارًا مرة واحدة، ومرّر كل إجابة من خلاله في بيئة التصنيع، واعرف اللحظة التي يُخرج فيها الواجهة عن المعيار.

هذا هو القلب الأساسي لاختبار عقود واجهات برمجة التطبيقات: اكتب نموذجًا مرة واحدة، ومرّر كل ردّة بمروره من خلاله في بيئة CI، وكن على دراية لحظة تباعد واجهة برمجة التطبيقات عن المواصفات المحددة.

3. مُقارنة JSON — مقارنة بين محتويين من جانب إلى آخر

عندما تحتاج إلى التأكد من ما تغير بين إجابتين عن واجهة برمجة — قبل/بعد ترقية، مراقبة مقارنة مع الإنتاج، v1 مقابل v2 — فإن مقارنة نصية بسيطة تكون مزعجة. مقارنة مُفهومة للـ JSON تفهم البنية وتُظهر فقط التغييرات المهمة.

ال مقارنة جيسون أداة تأخذ مستندين من JSON وتُظهر الإضافات، والحذف، والتغييرات في القيم. أدخل الإجابة الأصلية من GitHub على اليسار ونسخة مُعدّلة على اليمين — مثل نفس المستخدم بعد اكتساب 1000 متابع — وتصبح المقارنة تُظهر فقط الحقل المُغيّر، وليس كامل المستند.

هذا مفيد بشكل خاص أثناء عمليات ترقية الواجهات حيث ترغب في التأكد من أن نقاط الواجهة المُعاد تشكيلها تُعيد إجابات متماثلة بنية مع الإجابات القديمة.

4. مُختبر JSONPath — استعلام عن البيانات المُستوية دون كتابة كود

JSONPath هو ما يشبه XPath في XML: لغة استعلام لتنقل واستخراج القيم من مستند. بدلًا من كتابة نص بسيط من بايثون لاستخراج حقل مُستوي، يمكنك اختبار التعبير مباشرة في المتصفح.

ال مُختبر JSONPath يُسمح لك بوضع مستند JSON وتشغيل التعبيرات عليه فورًا. على إجابة GitHub المذكورة أعلاه، $.login إلى torvalds و $.followers إلى 236428على إجابة مُعقدة مُستوية — مثل قائمة مخازن GitHub — $[*].name تُستخرج أسماء كل مخزن في تعبير واحد.

هذا مفيد جدًا عند كتابة خطوط بيانات أو تكوين أدوات مثل n8n أو Zapier أو AWS EventBridge التي تستخدم تعبيرات JSONPath في قواعدها.

5. مُحول JSON إلى YAML — تغيير بسيط للملفات المُكوّنة

يُعتبر YAML الصيغة المفضلة للملفات المُكوّنة — مثل مستندات Kubernetes، أو عمليات GitHub Actions، أو ملفات Docker Compose — لكن البيانات غالبًا ما تبدأ كـ JSON. التحويل يدويًا أمر مرهق ومحتمل أن يحتوي على أخطاء، خاصة مع الهياكل المُعقدة.

ال محول JSON إلى YAML يُعالج التحويل فورًا. أدخل إجابة مستخدم GitHub وينتج ملف YAML نظيف وقابل للقراءة مع تشكيل مناسب. الاتجاه العكسي — من YAML إلى JSON — مفيد أيضًا عندما تحتاج إلى إدخال ملف مكوّن YAML إلى أداة تقبل فقط JSON.

يُستخدم المطورون في جميع الطبقات بين البنية والتطبيقات هذا بشكل متكرر: يُستخرج ملف مكوّن من واجهة برمجة، ويُحوّل إلى YAML لملف القيم في Helm، ويُحوّل مرة أخرى عند الحاجة لاستخدامه في سلسلة التصنيع.

6. مُقلّل JSON — إزالة الفراغات للإطلاق

الصيغة المُجمّعة للـ JSON مُخصصة للإنسان. يجب أن تكون الإجابات المُستخدمة في الإطلاق، أو المُدخلات المُدمجة، أو الإجابات المُستلمة مُقلّلة — بدون فراغات، بدون أسطر، فقط البيانات. تقليل حجم المستند يعني نقل أسرع وتكاليف أقل للبنية في المدى الواسع.

ال JSON المصغر يُزيل جميع الفراغات غير الضرورية من المستند مع الحفاظ على صلاحيته. أدخل إجابة مُجمّعة ومتعددة الأسطر من JSON وستحصل على سلسلة مُتسلسلة جاهزة للاستخدام كمتغير بيئة، أو كمُدخل لسكريبت، أو كمُدخل في طلب واجهة برمجة.

يُعد أيضًا تحققًا سريعًا للصلاحية — إذا لم يكن المدخل صحيًا كـ JSON، فإن المُقلّل لن يُنتج أي مخرج، مما يخبرك بوجود خطأ في التكوين يجب إصلاحه قبل الإطلاق.

مُكافأة: مُحول JSON إلى TypeScript

إذا كنت تبني تطبيقًا مكتوبًا بلغة TypeScript على واجهة برمجة JSON، فاحفظ مُحول مُحول JSON إلى TypeScript كأداة مُهمة. أدخل إجابة مُستقبلة وستحصل على واجهات TypeScript تُولد تلقائيًا — لا حاجة لكتابة أنواع يدويًا لكل واجهة تُدمج معها.

هل تريد حذف الإعلانات؟ تخلص من الإعلانات اليوم

تثبيت ملحقاتنا

أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع

أضف لـ إضافة كروم أضف لـ امتداد الحافة أضف لـ إضافة فايرفوكس أضف لـ ملحق الأوبرا

وصلت لوحة النتائج!

لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!

إعلان · حذف؟
إعلان · حذف؟
إعلان · حذف؟

ركن الأخبار مع أبرز التقنيات

شارك

ساعدنا على الاستمرار في تقديم أدوات مجانية قيمة

اشتري لي قهوة
إعلان · حذف؟