freeCodeCamp/curriculum/challenges/russian/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.russian.md

---
id: bd7158d8c442eddfaeb5bd1f
title: Use the Twitch JSON API
challengeType: 3
isRequired: false
forumTopicId: 19541
localeTitle: Использовать API Twitch JSON
---

## Description
<section id='description'>
<strong>Цель.</strong> Создайте приложение <a href="https://codepen.io" target="_blank">CodePen.io</a> , которое функционально похоже на это: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Выполняйте приведенные ниже <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">истории пользователей</a> . Используйте любые библиотеки или API, которые вам нужны. Дайте ему свой личный стиль. <strong>User Story:</strong> Я вижу, что в настоящее время streamCodeCamp работает на Twitch.tv. <strong>User Story:</strong> Я могу щелкнуть вывод состояния и отправить его прямо на канал Twitch.tv freeCodeCamp. <strong>User Story:</strong> если пользователь Twitch в настоящее время работает в потоковом режиме, я могу видеть дополнительные сведения о потоках. <strong>Подсказка:</strong> см. Пример вызова JSONP API Twitch.tv по адресу <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Подсказка</strong> . Соответствующая документация об этом вызове API находится здесь: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Подсказка:</strong> вот массив пользовательских имен Twitch.tv людей, которые регулярно <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> : <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ОБНОВЛЕНИЕ.</strong> Из-за изменения условий использования API, описанных <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">здесь,</a> Twitch.tv теперь требует ключа API, но мы построили обходное решение. Используйте <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api</a> вместо URL-адреса API-интерфейса twitch (например, https://api.twitch.tv/kraken), и вы все равно сможете получать информацию об учетной записи, не требуя для подписки на ключ API. Не забудьте использовать <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask,</a> если вы застряли. Когда вы закончите, нажмите кнопку «Я закончил эту задачу» и включите ссылку на вашу CodePen. Вы можете получить отзывы о своем проекте, поделившись с друзьями на Facebook.
</section>

## Instructions
<section id='instructions'>

</section>

## Tests
<section id='tests'>

```yml
tests: []
```

</section>