39 lines
3.2 KiB
Markdown
39 lines
3.2 KiB
Markdown
|
---
|
||
|
|
id: bd7158d8c442eddfaeb5bd1f
|
||
|
|
title: Use the Twitch JSON API
|
||
|
|
challengeType: 3
|
||
|
|
isRequired: false
|
||
|
|
videoUrl: ''
|
||
|
|
localeTitle: Use a API JSON do Twitch
|
||
|
|
---
|
||
|
|
|
||
|
|
## Description
|
||
|
|
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Cumpra as <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>User Story:</strong> Eu posso ver se freeCodeCamp está atualmente transmitindo no Twitch.tv. <strong>User Story:</strong> Eu posso clicar na saída de status e ser enviado diretamente para o canal Twitch.tv do freeCodeCamp. <strong>História do usuário:</strong> se um usuário do Twitch estiver fazendo streaming no momento, posso ver detalhes adicionais sobre o que está sendo transmitido. <strong>Dica:</strong> Veja um exemplo de chamada para a API JSONP do Twitch.tv em <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>Dica:</strong> A documentação relevante sobre esta chamada da API está aqui: <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>Dica:</strong> Aqui está uma matriz dos nomes de usuários do Twitch.tv de pessoas que <code>["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]</code> stream regularmente: <code>["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]</code> <strong>ATUALIZAÇÃO:</strong> Devido a uma alteração nas condições de uso da API, explicado <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">aqui, o</a> Twitch.tv agora requer uma chave de API, mas criamos uma solução alternativa. Use <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api em</a> vez do URL base da API do twitch (ou seja, https://api.twitch.tv/kraken) e você ainda poderá obter informações da conta, sem precisar para se inscrever em uma chave de API. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
|
||
|
|
|
||
|
|
## Instructions
|
||
|
|
<section id="instructions">
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Tests
|
||
|
|
<section id='tests'>
|
||
|
|
|
||
|
|
```yml
|
||
|
|
tests: []
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Challenge Seed
|
||
|
|
<section id='challengeSeed'>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
## Solution
|
||
|
|
<section id='solution'>
|
||
|
|
|
||
|
|
```js
|
||
|
|
// solution required
|
||
|
|
```
|
||
|
|
</section>
|