带有 Spotify API 的 Chrome 扩展 OAUTH

Question

我一直在使用 Spotify API 编写一个 chrome 扩展程序，并且刚刚到了需要 OAUTH 来完成它的部分。

我一直在查看 spotify 誓言页面 (https://developer.spotify.com/web-api/authorization-guide/)

它说您只需进行 GET 调用，它就会将您带到登录页面，但是当我实现它时，它什么也不做。我觉得我错过了一些代码，但我不确定我错过了什么。

 var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    // Just alerting it to see what it came up with
    alert(xhr.responseText);
  } 
} 
xhr.open("GET", "https://accounts.spotify.com/authorize/?client_id=<clientID>&response_type=code&redirect_uri=https%3A%2F%2Fwww.google.com%2F", true);
 xhr.send();

这就是我现在拥有的代码（填写了客户端 ID），运行它什么也不做。 （我现在指定http://www.google.com/ 作为我的回调）

Answer 1

XHR 请求在任何情况下都不会打开页面。

运行此代码应该会返回页面内容，但您对它什么也不做 - 肯定不会正确显示它以供用户交互。

一般来说，您似乎需要阅读更多有关 OAuth 的信息。也就是说：

Chrome 扩展 API 为此提供了一个特定工具：chrome.identity.launchWebAuthFlow()。它将负责向用户显示身份验证页面并将令牌传回给您。您需要为其使用特定的“虚拟”URL - 有关更多详细信息，请参阅chrome.identity documentation。另请注意，此 API 不能在内容脚本中使用，您需要将其委托给后台页面。