【问题标题】:Authenticated to search for Artists' top tracks and create a playlist, but lose authentication when adding tracks to playlist已通过身份验证搜索艺术家的热门曲目并创建播放列表,但在将曲目添加到播放列表时失去身份验证
【发布时间】:2019-04-13 15:45:23
【问题描述】:

对不起,令人困惑的标题。我正在开展一个项目,该项目将许多艺术家的前 5 首歌曲编译为用户的播放列表。我在流程的最后一步遇到了障碍,我被卡住了。

我的访问令牌在我搜索艺术家的前五首曲目时有效,在我创建播放列表时有效。我可以验证是否接收到 track spotify id 并查看播放列表是在我的 Spotify 应用上创建的,但是当我尝试将曲目添加到播放列表时遇到 401 错误。

我正在使用 passport-spotify 进行身份验证,并且范围设置为 ["user-read-private, playlist-modify-private, playlist-modify-public"]。

由于我可以根据艺术家的数量将大量歌曲添加到播放列表中,因此我将歌曲 uris 传递到 axios 请求的正文中。这是adding tracks to a playlist 的文档。

我可以在错误对象中验证访问令牌和 uri 正在传递到 post 调用中。

我将在下面发布我的 addTracks axios 调用代码,我也非常乐意在错误对象中分享信息。如果您想查看授权码,我也会发布。

感谢观看!

const addTracks = (req, res) => {
  let chunk = 100;
  let result = [];

  console.log('FINAL TRACKS: ', finalTracks);
  console.log('addTracks REQ.BODY: ', req.body);
  console.log('addTracks REQ.USER: ', req.user);

  for (let i = 0; i < finalTracks.length; i += chunk) {
    result.push(finalTracks.slice(i, i + chunk));
    console.log('result: ', result);
  }

  result.map(chunkArr => {
    axios
      .post(
        `https://api.spotify.com/v1/playlists/${req.body.playlist.id}/tracks`,
        {
          headers: {
            Authorization: `Bearer ${req.user.accessToken}`,
            'Content-Type': 'application/json'
          }
        },
        {
          body: {
            uris: JSON.stringify(chunkArr)
          }
        }
      )
      .then(resp => {
        // console.log(resp);
        // res.status(200).json(resp);
        console.log('awaiting promise resolution');
      })
      .catch(err => console.log('addTracks > result.map catch: ', err));
  });
};

【问题讨论】:

    标签: javascript axios spotify


    【解决方案1】:

    uri 的语法不正确。

    解决方案:

      result.map(chunkArr => {
        axios
          .post(
            `https://api.spotify.com/v1/playlists/${req.body.playlist.id}/tracks`,
            {
                uris: chunkArr
            },
            {
              headers: {
                Accept: 'application/json',
                'Content-Type': 'application/json',
                Authorization: `Bearer ${req.user.accessToken}`
              }
            }
          )
    

    【讨论】:

      猜你喜欢
      • 2017-08-22
      • 2016-11-10
      • 2014-03-20
      • 2014-01-28
      • 2019-12-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多