使用$ http检索Twitter用户时间线的简单方法

时间:2016-04-30 22:43:44

标签: angularjs http twitter oauth twitter-oauth

我需要使用angular ...来访问twitter usertimeline

所有键都是正确的,它正在使用php / curl,但我无法使其在角度内工作。我正在使用oauth-signature-js,然后是$ http请求。我想尽量保持简单。

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) });

});

这仍然给我一个错误400。

这是plunker

欢迎任何提示,问题和评论.... 谢谢!

约翰

2 个答案:

答案 0 :(得分:1)

无法在jsonp请求中设置标头。一种解决方案是使用服务器上的http客户端而不是浏览器来实现此目的。

答案 1 :(得分:1)

自己进一步回答:

  1. 无法在jsonp请求中设置标头。
  2. 在服务器端使用Apache / WP,最好坚持使用 php / cURL请求,并使用简单的$ http.get()调用它 for Angular integration。
  3. 顺便说一下这个PHP / cURL方法正在运行     好的:     http://iag.me/socialmedia/build-your-first-twitter-app-using-php-in-8-easy-steps/