javascript - 在 Chrome 扩展程序中从 API 中提取数据的任何方式

Question

我正在尝试创建一个从 Metacritic 提取和操作数据的 Chrome 扩展程序。我找到了这个 pretty great API在线可以让我发送一个 GET 请求获取我需要的数据并以 JSON 格式返回它。但是，我似乎不能直接在 JS 中完成。

有什么方法可以在扩展程序中运行 API 请求吗？我将 URL 保存为 JS 文件中的一个变量并对其进行格式化，以便将其插入请求中......如果我能弄清楚它是如何工作的话。

编辑:经过思考，也许解决它的一种方法是从扩展中的 Javascript 文件以一种可用语言(如 Ruby)运行脚本...这可能吗？

Answer 1

您可能无法从 javascript 访问 API 的主要原因是同源安全限制。

Chrome 扩展程序可以请求访问给定域的权限并绕过这些限制，可以在以下位置找到相关文档:https://developer.chrome.com/extensions/xhr#requesting-permission

将以下内容添加到您的扩展 list 文件中应该可以解决问题:

"permissions": [
    "https://byroredux-metacritic.p.mashape.com/"
],

完成后，您应该能够使用任何普通的 XHR 客户端从您的扩展 javascript 访问 API(注意任何安全问题)。 XHR 最常见的 API 可能是 jQuery 方法 $.ajax。

例如:

$.ajax({
    url: "https://byroredux-metacritic.p.mashape.com/find/game",
    method: "POST",
    headers: {
        "X-Mashape-Key": API_KEY
    },
    data: {
        platform: 1,
        retry: 4,
        title: "The Elder Scrolls V: Skyrim"
    },
    dataType: "json",
    success: function(data) { console.log(data) }
})

(注意:此代码均未经过测试)。