Spotify Auth + Angular +客户端凭据流

Sev*_*Jr. 2 spotify asp.net-web-api spotify-app

使用这些信息
https://developer.spotify.com/web-api/authorization-guide

我正在尝试实施“客户端凭据流程”以自动进行身份验证过程。但是我莫名其妙地收到下面的错误。

XMLHttpRequest无法加载https://accounts.spotify.com/api/token?grant_type=client_credentials。所请求的资源上没有“ Access-Control-Allow-Origin”标头。因此,不允许访问源“ websiteURL”。

    $http.get('https://accounts.spotify.com/api/token?grant_type=client_credentials', {
        headers: {
            'Authorization': 'Basic ' + key)
        }
    }).success(function(r) {
        console.log('got access token', r);
    }).error(function(err) {
        console.log('failed to get access token', err); 
    });     
Run Code Online (Sandbox Code Playgroud)

我也通过Ajax / Jquery和其他方法进行了尝试,但是仍然有一个“ Access-Control-Allow-Origin”。

我已经阅读了很多有关CORS,Angular,Node等的内容。老实说,我很困惑应该使用其中的哪些,但我不知道如何使用。有人可以为我简化一下吗?

Mic*_*lin 5

这不是您要查找的流程-客户端凭据流程用于服务器之间的通信。

相反,请查看“ 授权代码流”,以及为什么不使用Jose Perez出色的JavaScript包装器(用于与Spotify的Web API一起使用的前端)。

此流程允许您的应用程序的用户验证和授权您的应用程序代表他们执行操作(例如,将曲目添加到播放列表,创建播放列表等)。使用“客户端凭据”流检索的访问令牌未连接到特定用户,这限制了您的应用程序可以使用它进行操作。

  • 您可能想看看[thirtify](https://github.com/possan/webapi-player-example),它是一个使用Spotify Web API的AngularJS Web应用程序。另外,[angular-spotify](https://github.com/eddiemoore/angular-spotify)是用于与Web API通信的AngularJS服务。 (2认同)
  • 基于API,最接近网络播放器的是Thirtify。实际上,我们在发布新端点时使用它来展示新端点。 (2认同)