Einfache Methode Twitter User-Timeline mit $ http

Question

ich einen Twitter mit usertimeline Winkel zugreifen müssen abrufen zu ...

Alle Tasten sind richtig, es funktioniert mit PHP/curl, aber ich kann es nicht schaffen, damit es funktioniert innerhalb eckig. Ich verwende oauth-signature-js, dann eine $ http Anfrage. Ich möchte es so einfach wie möglich halten.

Der ng-Controller:

app.controller('twitterController', function($scope, $http){ 

    // VARIABLES 

    var screen_name = 'grapax_be'; 
    var count = 1; 
    var consumer_key    = 'xxxxxxxxxxxxxxxxxxxxxxxxx'; 
    var consumer_secret    = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; 
    var oauth_access_token   = 'xxxxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; 
    var oauth_access_token_secret = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; 
    var oauth_timestamp    = Math.round((new Date()).getTime()/1000.0); 
    var oauth_nonce     = oauth_timestamp; 
    var oauth_signature_method  = 'HMAC-SHA1'; 
    var oauth_version    = '1.0' 


    // GENERATE OAUTH SIGNATURE 

    var httpMethod = 'GET'; 
    var url  = 'https://api.twitter.com/1.1/statuses/user_timeline.json'; 
    var parameters = { 
     oauth_consumer_key : consumer_key, 
     oauth_token : oauth_access_token, 
     oauth_nonce : oauth_nonce, 
     oauth_timestamp : oauth_timestamp, 
     oauth_signature_method : oauth_signature_method, 
     oauth_version : oauth_version, 
    }; 
    var oauth_signature = oauthSignature.generate(httpMethod, url, parameters, consumer_secret, oauth_access_token_secret, { encodeSignature: true }); 


    // HTTP REQUEST 

    var authorization_string = "OAuth " 
      + 'oauth_consumer_key="' + consumer_key + '", ' 
      + 'oauth_nonce="' + oauth_nonce + '", ' 
      + 'oauth_signature="' + oauth_signature + '", ' 
      + 'oauth_signature_method="' + oauth_signature_method + '", ' 
      + 'oauth_timestamp="' + oauth_timestamp + '", ' 
      + 'oauth_token="' + oauth_access_token + '", ' 
      + 'oauth_version="' + oauth_version + '"'; 

    $http.jsonp('https://api.twitter.com/1.1/statuses/user_timeline.json', { 
     headers: {'Authorization': authorization_string}, 
     params:{ 
      count: count, 
      screen_name: screen_name 
     } 
     }).success(function(res){ console.log('res:', res) }); 

}); 

Dies ist immer noch mich hier 400.

ist plunker

Irgendwelche Tipps, Fragen, Anmerkungen, sind ein Fehler geben willkommen .... Vielen Dank!

Johan

Answer 1

Eigene weitere Antwort:

1. Headers kann nicht in JSONP Anforderung eingestellt werden.
2. Mit Apache/WP auf der Serverseite, war es einfach besser, mit einer php/cURL Anfrage zu bleiben und sie mit einem einfachen $ http.get() für Angular-Integration aufzurufen.

Durch die Art und Weise dieses PHP/cURL Methode arbeitet groß: http://iag.me/socialmedia/build-your-first-twitter-app-using-php-in-8-easy-steps/

Answer 2

Headers kann nicht in JSONP Anforderung eingestellt werden. Eine Lösung kann darin bestehen, dies zu implementieren, indem der HTTP-Client auf dem Server und nicht der Browser verwendet wird.