(Web編)Tweet以前はFirebaseへメールアドレスでのログインを行いましたが、今回はTwitterでの認証に挑戦したいと思います。参考ページAuthenticationでTwitterログインTwitterでアプリを作成まず最初にTwitterでデベロッパー登録を行う必要があります。承認されるまでに数時間〜数日かかりますので思いついたら早めに申請しておくのがおすすめです。2019年2月版https://blog.katsubemakito.net/articles/twitterdeveloper_join_201902以前はTwitterのAPIを利用するためには所定の項目に入力すればそれで終わっていたのですが、最近は入力した項目をTwitter社の方が問題ないかチェックをしているようです。́・ω・`)今回はTwitterへデベロッパーアカウントとしての申請...ねこの足跡Rその後Twitter上でOAuthアプリを作成します。いっても何も難しいことはなく必要な項目をフォームに入力するだけです。URLの入力を求められたら、いったんFirebseのWebコンソールへ移動します。Twitterアプリを新規に作成するhttps://blog.katsubemakito.net/articles/twitter-app-createTwitterのログイン機能を自分のサイトに設置したり、APIを利用するためにはTwitterへ開発者登録後にアプリの作成を行う必要があります。デベロッパー登録開発者登録を行っていない場合はこちらをまずは行います。詳細は過去の記事を参照ください。Twitterの中の人が...ねこの足跡RTwitterのデベロッパーサイトは日本語訳されていませんので、私もそうなのですが英語が苦手な方はGoogle翻訳をタブで開きながら行えばなんとかなります。-コンソール上の設定FirebaseのWebコンソールへログインしたら、メニュー「Authentication」→「ログイン方法」とたどります。最後に「保存」をクリックすれば作業完了です。ソースコードconfig.jsいつものやつです。FirebaseのWebコンソールに表示されたものをそのままコピペします。"0000000000000"};firebase.initializeApp(config);index.html今回もFirebaseUIを利用します。signInOptionsにfirebase.auth.TwitterAuthProvider.PROVIDER_IDを指定するだけですね。</script></body></html>done.htmlログイン完了時に表示される画面です。実際にログインを試せます。Twitterhttps://miku3.net/auth/twitter/miku3.netuser.displayNameを参照するとTwitterの名前が保管されているのがわかりますね。user.uidはFirebaseで発行されたユーザーIDになります。Webコンソールでの表示は以下のようになります。自宅警備がてらゲームのお仕事や講師などしてご飯を食べてます。PMとりあえずコピペで同じサイトが実装できました。この状態で認証したユーザーがつぶやくアプリを作りたいのですがアクセストークンとアクセストークンシークレットはどうやって取得できますか?読み込み中...返信ご質問やリクエストなどお気軽に。メールアドレスの入力は任意です。書き込みが反映されるまで時間がかかります。コメントデータの処理方法の詳細はこちらをご覧ください。ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。reserved.%d人のブロガーが「いいね」をつけました。