Angular/Node 验证用户

Question

我有一个正在运行的节点服务器。并将帖子发送到 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'));

我的 angular/ionic 应用程序中的 Twitter 服务

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

Answer 1

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

您可以参考HttpRequest with Interceptor in Angular