28 lines
2.6 KiB
Markdown
28 lines
2.6 KiB
Markdown
---
|
||
title: Use the Twitch JSON API
|
||
localeTitle: Использовать API Twitch JSON
|
||
---
|
||
Обновление 29 сентября 2016 года: Twitch изменил свой API и теперь для запуска запросов требуется ключ API. Если вы используете страницы CodePen или GitHub для их создания, мы не рекомендуем добавлять ключ API в ваш проект по соображениям безопасности.
|
||
|
||
Вместо использования API Twitch мы рекомендуем жестко кодировать [этот JSON](https://gist.github.com/QuincyLarson/2ff6892f948d0b7118a99264fd9c1ce8) в ваше приложение как переменную. Это серия ответов для разных учетных записей Twitch.
|
||
|
||
* * *
|
||
|
||
Если вы пытаетесь решить эту проблему с помощью метода `$.getJSON()` jQuery, скорее всего, вы получите сообщение об ошибке, посвященном совместному использованию ресурсов Cross-Origin (CORS).
|
||
|
||
Самый простой способ разрешить это - использовать возможности JSONP jQuery. На [странице чтения](https://github.com/justintv/Twitch-API#json-p) Twitch API:
|
||
|
||
> Все методы API поддерживают JSON-P, предоставляя параметр обратного вызова с запросом.
|
||
|
||
Также в [документации jQuery](http://api.jquery.com/jQuery.getJSON/) указано:
|
||
|
||
> Если URL-адрес содержит строку «callback =?» (или аналогично, как определено API-интерфейсом на стороне сервера), вместо этого запрос обрабатывается как JSONP.
|
||
|
||
Вот пример вызова для получения данных канала Twitch Free Code Camp:
|
||
```
|
||
$.getJSON('https://api.twitch.tv/kraken/streams/freecodecamp?callback=?', function(data) {
|
||
console.log(data);
|
||
});
|
||
```
|
||
|
||
JSONP считается небезопасным в [соответствии с Википедией](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing#CORS_vs_JSONP) , но этого должно быть достаточно для наших целей. Подробное обсуждение ограничения CORS Twitch, пожалуйста, прочитайте статью [№133](https://github.com/justintv/Twitch-API/issues/133) в репозитории Twitch-API. |