ExpressにFirebaseを導入してTwitter認証でログインしたユーザーの情報を使ったアプリケーションを作成しています。
ログイン認証は実装できたのですが、ログインしたユーザーの下記の情報を取得したいです。
・Twitterアカウント名
・TwitterID
・直近のツイート(50くらい)
・フォロワー
・アイコン
firebase.auth().onAuthStateChanged(user => {})でアカウント名が取得できることはわかっているのですが、他の項目についてはどのように取得したら良いでしょうか?
ログインしたユーザーのアクセストークンとリクエストトークンが分かればTwitterAPIを用いて情報が取得できそうなのですが、2つのトークンの取得方法がわかりません。
index.ejs
ejs
1<!DOCTYPE html> 2<html> 3 <head> 4 <title>battle</title> 5 <link rel='stylesheet' href='/stylesheets/style.css' /> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <script src="https://www.gstatic.com/firebasejs/ui/4.8.0/firebase-ui-auth__ja.js"></script> 8 <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.8.0/firebase-ui-auth.css" /> 9 </head> 10 <body> 11 <div class="app-title"> 12 <h1>battle</h1> 13 <p>twitterフォロワーで対戦するアプリ</p> 14 </div> 15 <div class="app-image-container"> 16 <div class="left-arrow"></div> 17 <div class="app-images"></div> 18 <div class="right-arrow"></div> 19 </div> 20 <div class="app-info"> 21 <p> 22 レート・ランキング機能対応 23 </p> 24 <p> 25 あなたのフォロワーで競い合おう!! 26 </p> 27 </div> 28 <div class="twi-cooperation"> 29 <div id="firebaseui-auth-container"></div> 30 </div> 31 32 <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-app.js"></script> 33 <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-analytics.js"></script> 34 <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-auth.js"></script> 35 <script src='javascripts/config.js'></script> 36 <script> 37 var ui = new firebaseui.auth.AuthUI(firebase.auth()); 38 ui.start('#firebaseui-auth-container', { 39 signInSuccessUrl: 'http://localhost:3000/test', 40 signInOptions: [ 41 firebase.auth.TwitterAuthProvider.PROVIDER_ID 42 ] 43 }); 44 </script> 45 46 </body> 47</html>
test.ejs(ログイン後の画面)
ejs
1<!DOCTYPE html> 2<html> 3 <head> 4 <title>twipoke</title> 5 <link rel='stylesheet' href='/stylesheets/style.css' /> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 </head> 8 <body> 9 <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-app.js"></script> 10 <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-analytics.js"></script> 11 <script src="https://www.gstatic.com/firebasejs/8.5.0/firebase-auth.js"></script> 12 <script src='javascripts/config.js'></script> 13 <script> 14 firebase.auth().onAuthStateChanged(user => { 15 console.log(user); 16 }); 17 </script> 18 </body> 19</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/10 23:16
2021/05/10 23:21
2021/05/10 23:34
2021/05/10 23:40 編集
2021/05/11 00:47 編集
2021/05/11 01:30 編集