角度/节点认证用户

时间:2019-11-20 20:19:54

标签: javascript node.js angular ionic-framework

我有一个正在运行的节点服务器。然后将其发送到Twitter时间轴,我有一个Ionic / Angular应用程序,消耗了节点服务器并发送了消息。

但是,问题在于,在节点服务器中,我的用户的Twitter帐户信息是硬编码的,我想知道如何发送从Twitter连接插件获得的用户详细信息。

这是我的节点服务器

const express = require('express');
const Twitter = require('twit');

const app = express();
const client = new Twitter({
  consumer_key:         '...',
  consumer_secret:      '...',
  access_token:         '...',
  access_token_secret:  '...',
});


app.use(require('cors')());
app.use(require('body-parser').json());

app.post('/post_tweet', (req, res) => {

  tweet = req.body;

  client
    .post(`statuses/update`, tweet)
    .then(tweeting => {
      console.log(tweeting);

      res.send(tweeting);
    })

   .catch(error => {
    res.send(error);
  });


});

app.listen(3000, () => console.log('Server running'));

我的角度/离子应用程序中的推特服务

export class TwitterserviceService {
  api_url = 'http://localhost:3000';

  constructor(private http: HttpClient) { } 

  tweet(tweetdata: string) {
    return this.http.post<any>(`${this.api_url}/post_tweet/`, {status: tweetdata})
        .pipe(map(tweet => {

            alert("tweet posted")

            return tweet;
        }));
}
}

这是我的角度代码,它向节点服务器发送一条推文

sendTweet() {  
  this.api.tweet('sent from phone')
            .pipe(first())
            .subscribe(
                data => {
                    console.log('yes')
                },
                error => {
                  'failed'
                });
}

连接插件

twitterLogin() {
    this.twitter.login().then((res: any) => {
      localStorage.setItem('twitterLogin', "true");
      this.firebaseService.twitterDetail(this.userId, res);


      this.twitterUser = true;
      if(this.twitterUser == true){
        this.twitter.showUser()
        .then(user => {
          console.log("User: " + user +
                        'username ' + res.username+ " " + user.username);

        });
      }


    }, (err: any) => {
      alert('error: ' + err);
    });
  }

1 个答案:

答案 0 :(得分:1)

在调用将在AuthenticationHeaders中实现Interceptor接口的API服务时,您需要将参数设置为Angular

您可以将其用作参考HttpRequest with Interceptor in Angular