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

1.6 KiB
Raw Blame History

title localeTitle
Use the Twitch JSON API 使用Twitch JSON API

2016年9月29日更新Twitch已更改其API现在需要API密钥才能运行查询。如果您使用CodePen或GitHub页面来构建这些页面我们建议您出于安全原因向项目添加API密钥。

我们建议不要使用Twitch的API而是将此JSON硬编码到您的应用中作为变量。这是来自Twitch的不同账户的一系列回复。


如果您正尝试使用jQuery的$.getJSON()方法来解决此挑战您可能会收到有关跨源资源共享CORS的错误消息。

解决此问题的最简单方法是使用jQuery的JSONP功能。从Twitch API的自述页面

所有API方法都通过为请求提供回调参数来支持JSON-P。

jQuery文档还指出:

如果URL包含字符串“callback =?” 或类似的由服务器端API定义请求被视为JSONP。

以下是获取免费代码营的Twitch频道数据的示例调用

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

根据维基百科 JSONP被认为是不安全的但应该足以满足我们的目的。有关Twitch的CORS限制的详细讨论请阅读Twitch-API存储库上的问题133