Node.js spotify api授权有问题。重定向uri从未被调用
我正在尝试授权我的应用程序使用spotify api。我在按照他们文件上的说明做。问题是在调用spotify.com/authorize后,重定向uri从未命中。我已经在spotify开发者控制台中将我的重定向URI设置为be和localhost:8888/callback 在我的angular 7应用程序中,我在控制台中遇到以下错误: 错误:{error:SyntaxError:JSON中的意外标记<,位于XMLHtt的JSON.parse()的位置1处 “在分析的过程中Http失败” 这是我的app.js代码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中的意外标记
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)
}))
}
}