Spotify API客户端凭据流返回400错误

Question

在此处为客户端凭据流使用Spotify文档：

我能够在谷歌应用程序脚本（Javascript）中创建API请求。

  function callAPI () {

    SPOTIFY_CLIENT_SECRET = secret
    SPOTIFY_CLIENT_ID = id

    const HEADERS = {
      "Content-Type": "application/json",
      'Authorization': `Basic ${Utilities.base64Encode(SPOTIFY_CLIENT_ID + ':' + SPOTIFY_CLIENT_SECRET)})`
      }
    
    const BODY = {
      'grant_type': 'client_credentials'
      }
    
    var url = `https://api.spotify.com/api/token`

    var requestOptions = {
      'method': 'POST',
      'headers': HEADERS,
      'payload': JSON.stringify(BODY),
      'muteHttpExceptions': true,
      'redirect': 'follow'
      };

    var response = UrlFetchApp.fetch(url, requestOptions);
    var data = JSON.parse(response.getContentText());

我对两件事感到困惑，请能够回答这两件事。

1). Spotify文档声明在授权标头中的客户端凭据之前输入“Basic”。

然而，当我运行这段代码时，我得到了这个错误

{ error: 
   { status: 400,
     message: 'Only valid bearer authentication supported' } }

如果我在使用客户端凭据流，为什么它认为我在使用承载令牌？（同样，如果我将身份验证更改为Bearer，我会收到401错误“无效访问令牌”）

2）。您能否提供此代码的工作版本的示例，以及为什么它能够与我的代码相反运行？

Answer 1

我想出来了！出于某种原因，您需要在表单数据中添加客户端id和客户端机密。Spotify文档表示要将它们放在标题base64编码中，但在本例中并非如此。（你甚至不需要对它们进行编码）

此外，您甚至不需要像文档中所说的那样包含content-type参数。

工作代码如下所示

js lang-js prettyprint-override">  function callAPI () {
    let SPOTIFY_CLIENT_SECRET = secret
    let SPOTIFY_CLIENT_ID = id

  const BODY = {
    'Content-Type': 'application/x-www-form-urlencoded',
    'grant_type': 'client_credentials',
    "client_id": SPOTIFY_CLIENT_ID,
    "client_secret": SPOTIFY_CLIENT_SECRET,
  }

  var url = "https://accounts.spotify.com/api/token";
  
  var requestOptions = {
    'method': 'POST',
    'payload': BODY,
    'muteHttpExceptions': true,
  };

  var response = UrlFetchApp.fetch(url, requestOptions);
  var data = response.getContentText();
  console.log(data)

  }

Answer 2

我相信你的目标如下。

>

您希望将以下curl命令转换为Google Apps脚本。

  curl -X "POST" -H "Authorization: Basic ZjM4ZjAw...WY0MzE=" -d grant_type=client_credentials https://accounts.spotify.com/api/token

在这种情况下，grant\u type=client\u凭据作为表单数据发送。当我看到你的脚本时，它被作为数据发送。您使用的URL为https://api.spotify.com/api/token。但是curl命令使用https://accounts.spotify.com/api/token`我认为这可能是你的问题的原因。因此，当您的脚本被修改时，它将变成如下所示。

function callAPI() {
  SPOTIFY_CLIENT_SECRET = secret; // Please set your value.
  SPOTIFY_CLIENT_ID = id; // Please set your value.
  const HEADERS = {
    'Authorization': `Basic ${Utilities.base64Encode(SPOTIFY_CLIENT_ID + ':' + SPOTIFY_CLIENT_SECRET)}` // Modified
  }
  const BODY = {
    'grant_type': 'client_credentials'
  }
  var url = "https://accounts.spotify.com/api/token";
  var requestOptions = {
    'method': 'POST',
    'headers': HEADERS,
    'payload': BODY,
    'muteHttpExceptions': true,
  };
  var response = UrlFetchApp.fetch(url, requestOptions);
  var data = response.getContentText();
  console.log(data)
}

• 当我再次看到您的脚本时，我注意到需要修改Basic${Utilities.base64Encode（SPOTIFY\u CLIENT\u ID'：'SPOTIFY\u CLIENT\u SECRET）。因为在这种情况下，它是基本的。请删除

• 客户端凭据流
• 获取（url， params）