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

1.9 KiB

title localeTitle
Use the Twitch JSON API Use a API JSON do Twitch

Atualização de 29 de setembro de 2016: o Twitch mudou sua API e agora exige uma chave de API para executar consultas. Se você estiver usando páginas CodePen ou GitHub para criá-las, não recomendamos adicionar uma chave de API ao seu projeto por motivos de segurança.

Em vez de usar a API do Twitch, recomendamos a codificação desse JSON no seu aplicativo como uma variável. É uma série de respostas para diferentes contas do Twitch.


Se você está tentando enfrentar este desafio com o método $.getJSON() do jQuery, é provável que você receba uma mensagem de erro referente ao CORS (Cross-Origin Resource Sharing).

A maneira mais fácil de resolver isso é usar os recursos JSONP do jQuery. Da página de readme da API do Twitch:

Todos os métodos da API suportam JSON-P, fornecendo um parâmetro de retorno de chamada com a solicitação.

Também a documentação do jQuery declara:

Se o URL incluir a string "callback =?" (ou similar, conforme definido pela API do lado do servidor), a solicitação é tratada como JSONP.

Aqui está um exemplo de chamada para buscar os dados do canal Twitch do Free Code Camp:

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

JSONP é considerado inseguro de acordo com a Wikipedia , mas deve ser suficiente para nossos propósitos. Para uma discussão detalhada sobre a restrição do CORS do Twitch, por favor leia o número # 133 no repositório do Twitch-API.