Help us understand the problem. What is going on with this article?

angular-twitter-client

More than 1 year has passed since last update.

はじめに

 angularはtwitterのクライアントをサクサク作れるんだろうなと思って、gitを探したが、なかなかない。
 ようやく動いた1つのgitと、気にくわない所のいろいろ

動いたgit

twitter-angular-clientが動いたのだが、ちょっと違うなあという感じである。
 
 まるで、readmeに書かれていないのだが、まず。今ではangular v7になっているので、次の手順が必要
[あとで調べたらここに書いてあった]

 git clone https://github.com/sitepoint-editors/twitter-angular-client
 cd twitter-angular-client
 npm install
 ng update

まあ、もちろん、nodeも@angular/cliはインストールしてある前提ですけどね。

動かすまで

 普通は、これで[ng s -o]で動くと思うが、動かない。そうそう、問題はOauthですよ、そこがどうなっているかが問題なのですが。
 server.jsというのがある。これがくせ者である。
 ここに、

const client = new Twitter({
  consumer_key: 'CONSUMER_KEY',
  consumer_secret: 'CONSUMER_SECRET',
  access_token: 'ACCESS_TOKEN',
  access_token_secret: 'ACCESS_TOKEN_SECRET'
});

というOauthの定義があって、これに自分のconsumer_key等を4つ設定して
node server.js
で動かしてから、ng sでhttp://localhost:4200で見ると、おー!homelineがでとる!
ということになった。

気に入らない所

 まあ、これで作り続けるというのは、ちょっと変だなあ・・ということでtwitter-node-clientとかを、angularに入れられないかなあ・・とか考えているのだが、なかなかうまくいかない。
 angular.jsonのscripts[]に追加すれば、javascriptをangularのコンポーネントから呼び出せるのだが、twitter-node-clientがrequireを連発していて、なんだか動かない。

 まあ、このデザインもいまいちなので、なんかうまくいったらまた、
simple-twitterみたいに公開したいなあと思っている。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away