Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js spotify api授权有问题。重定向uri从未被调用_Node.js_Angular_Spotify - Fatal编程技术网

Node.js spotify api授权有问题。重定向uri从未被调用

Node.js spotify api授权有问题。重定向uri从未被调用,node.js,angular,spotify,Node.js,Angular,Spotify,我正在尝试授权我的应用程序使用spotify api。我在按照他们文件上的说明做。问题是在调用spotify.com/authorize后,重定向uri从未命中。我已经在spotify开发者控制台中将我的重定向URI设置为be和localhost:8888/callback 在我的angular 7应用程序中,我在控制台中遇到以下错误: 错误:{error:SyntaxError:JSON中的意外标记

我正在尝试授权我的应用程序使用spotify api。我在按照他们文件上的说明做。问题是在调用spotify.com/authorize后,重定向uri从未命中。我已经在spotify开发者控制台中将我的重定向URI设置为be和localhost:8888/callback

在我的angular 7应用程序中,我在控制台中遇到以下错误:

错误:{error:SyntaxError:JSON中的意外标记<,位于XMLHtt的JSON.parse()的位置1处

“在分析的过程中Http失败”

这是我的app.js代码

var express = require('express'); // Express web server framework
var request = require('request'); // "Request" library
var cors = require('cors');
var querystring = require('querystring');
var cookieParser = require('cookie-parser');

var generateRandomString = function(length) {


 var text = '';
  var possible = 
  'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';

  for (var i = 0; i < length; i++) {
    text += possible.charAt(Math.floor(Math.random() * possible.length));
  }
  return text;
};
var stateKey = 'spotify_auth_state';

var app = express();
// app.use((req, res, next) => {
//   res.set({
//     'Access-Control-Allow-Origin': 'http://localhost:4200',
//     'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',
//     'Access-Control-Allow-Headers': 'Content-Type'
//   })
//   next();
// });
// app.options('/*', (req, res, next) => {
//   res.header('Access-Control-Allow-Origin', '*');
//   res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
//   res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');
//   res.sendStatus(200);
// });
app.use(express())
  .use(cors())
  .use(cookieParser());

app.get('/login', function(req, res) {

  var state = generateRandomString(16);
  res.cookie(stateKey, state);
  console.log('logging in ')
  // your application requests authorization
  var scope = 'user-read-private user-read-email user-read-birthdate';
  try{
    var q = querystring.stringify({
      response_type: 'code',
      client_id: client_id,
      scope: scope,
      redirect_uri: redirect_uri,
      state: state
    });
    console.log(q);
    res.redirect("https://accounts.spotify.com/authorize?" +q);
    console.log('redirecting?')
  }catch(err){
    console.log(err);
  }

});

app.get('/callback', function(req, res) {
  console.log('in callback 1')
  // your application requests refresh and access tokens
  // after checking the state parameter

  var code = req.query.code || null;
  var state = req.query.state || null;
  var storedState = req.cookies ? req.cookies[stateKey] : null;
  console.log('in callback 2');

  if (state === null || state !== storedState) {
    res.redirect('/#' +
      querystring.stringify({
        error: 'state_mismatch'
      }));
    console.log('in callback 3')

  } else {
    console.log('in callback 4')

    res.clearCookie(stateKey);
    var authOptions = {
      url: 'https://accounts.spotify.com/api/token',
      form: {
        code: code,
        redirect_uri: redirect_uri,
        grant_type: 'authorization_code'
      },
      headers: {
        'Authorization': 'Basic ' + (new Buffer(client_id + ':' + client_secret).toString('base64'))
      },
      json: true
    };

    request.post(authOptions, function(error, response, body) {
      console.log('posting')
      if (!error && response.statusCode === 200) {

        var access_token = body.access_token,
          refresh_token = body.refresh_token;

        var options = {
          url: 'https://api.spotify.com/v1/me',
          headers: { 'Authorization': 'Bearer ' + access_token },
          json: true
        };

        // use the access token to access the Spotify Web API
        request.get(options, function(error, response, body) {
          console.log(body);
        });

        // we can also pass the token to the browser to make requests from there
        res.redirect('/#' +
          querystring.stringify({
            access_token: access_token,
            refresh_token: refresh_token
          }));
      } else {
        res.redirect('/#' +
          querystring.stringify({
            error: 'invalid_token'
          }));
      }
    });
  }
});

app.get('/refresh_token', function(req, res) {

  // requesting access token from refresh token
  var refresh_token = req.query.refresh_token;
  var authOptions = {
    url: 'https://accounts.spotify.com/api/token',
    headers: { 'Authorization': 'Basic ' + (new Buffer(client_id + ':' + client_secret).toString('base64')) },
    form: {
      grant_type: 'refresh_token',
      refresh_token: refresh_token
    },
    json: true
  };

  request.post(authOptions, function(error, response, body) {
    if (!error && response.statusCode === 200) {
      var access_token = body.access_token;
      res.send({
        'access_token': access_token
      });
    }
  });
});

app.listen(8888);
更新 还需要帮助,伙计们:/

export class LoginService {

  constructor(private http:HttpClient) { }

  authenticate(){
    return of(this.http.get(environment.url+'/login').subscribe(res=>{
      console.log(res)
    },err=>{
      console.log(err)
    }))
  }
}