はじめに
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みたいに公開したいなあと思っている。