Ao definir cabeçalhos de autorização http, o aplicativo AngularJS trava
-
21-12-2019 - |
Pergunta
Quero fazer uma solicitação à API do Twitter e obter o feed do usuário atualmente logado.
Tentei a API do Twitter com "apigee" e tudo funcionou bem.Mesmo ao copiar o cabeçalho de autorização de "apigee" para "carteiro", recebo dados de volta.
Bem, mas quando tento fazer a solicitação http em meu aplicativo angular, todo o aplicativo para de funcionar.No navegador existe apenas a saída "{{message}}" e o console imprime duas mensagens de erro:
Uncaught SyntaxError: Unexpected identifier :3000/javascripts/app.js:211
Uncaught Error: No module: app angular.min.js:17
O código no meu aplicativo é assim
app.controller('TwitterCtrl', function($scope, $http) {
var url = "https://api.twitter.com/1.1/statuses/home_timeline.json";
$http.get(url,
{headers: {
'Authorization':
Oauth oauth_consumer_key = "xxxx",
oauth_signature_method="HMAC-SHA1"
oauth_timestamp="1401883718",
oauth_nonce="840988792",
oauth_version="1.0",
oauth_token="xxxx",
oauth_signature="xxx"
}})
.then(function (data) {
$scope.data = data.data;
console.log(data);
});
Alguém pode me ajudar ou me dizer o que estou fazendo de errado.Kevin
Solução
tente desta forma:
app.controller('TwitterCtrl', function($scope, $http) {
var url = "https://api.twitter.com/1.1/statuses/home_timeline.json";
$http.get(url, {
headers: {
'Authorization':
'Oauth oauth_consumer_key = "xxxx",' +
'oauth_signature_method="HMAC-SHA1",' +
'oauth_timestamp="1401883718",' +
'oauth_nonce="840988792",' +
'oauth_version="1.0",' +
'oauth_token="xxxx",' +
'oauth_signature="xxx"'
}
}).then(function (data) {
$scope.data = data.data;
console.log(data);
});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow