freeCodeCamp/guide/arabic/certifications/coding-interview-prep/take-home-projects/use-the-twitch-json-api/index.md

2.4 KiB

title localeTitle
Use the Twitch JSON API استخدم واجهة برمجة تطبيقات Twitch JSON

تحديث 29 أيلول (سبتمبر) 2016: غيّر Twitch واجهة برمجة التطبيقات ، ويتطلب الآن مفتاح واجهة برمجة التطبيقات لتشغيل الاستعلامات. إذا كنت تستخدم صفحات CodePen أو GitHub لإنشاء هذه الصفحات ، فإننا لا نوصي بإضافة مفتاح API إلى مشروعك لأسباب تتعلق بالأمان.

بدلاً من استخدام واجهة برمجة تطبيقات Twitch ، نوصي بشدة بتشفير JSON هذا في تطبيقك كمتغير. إنها سلسلة من الردود على حسابات مختلفة من Twitch.


إذا كنت تحاول معالجة هذا التحدي باستخدام $.getJSON() jQuery ، $.getJSON() لك رسالة خطأ تتعلق $.getJSON() مصادر Cross-Origin (CORS).

أسهل طريقة لحل هذه المشكلة هي استخدام إمكانات jSuop في jQuery. من الصفحة التمهيدية لـ Twitch API:

تدعم جميع أساليب واجهة برمجة التطبيقات تطبيق JSON-P من خلال توفير معلمة معاودة الاتصال مع الطلب.

كما تنص وثائق jQuery :

إذا كان عنوان URL يتضمن السلسلة "callback =؟" (أو ما شابه ، كما هو محدد بواسطة واجهة برمجة التطبيقات من جانب الخادم) ، يتم التعامل مع الطلب على أنه JSONP بدلاً من ذلك.

في ما يلي مثال لإجراء مكالمة لجلب بيانات قناة Twitch لمخيم Free Code:

$.getJSON('https://api.twitch.tv/kraken/streams/freecodecamp?callback=?', function(data) { console.log(data); });

تعتبر JSONP غير آمنة وفقًا لـ Wikipedia ، ولكن يجب أن تكون كافية لأغراضنا. لإجراء مناقشة تفصيلية حول تقييد CORS من Twitch ، يرجى قراءة المسألة رقم 133 في مستودع Twitch-API.