LoginSignup
0
0

More than 3 years have passed since last update.

angular-twitter-client

Last updated at Posted at 2019-06-01

はじめに

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0