TwitterはJavaScriptを使用してログインしていますか？

Question

JavaScriptとHTMLのみを使用して自分のウェブサイトにTwitterログイン機能を追加したいと思います。

は可能ですか？

Answer 1

TwitterのAPIドキュメントを確認すると、ログインの方法がわかります。

あなたの質問は、Facebookに似たログイン用のプラグインを挿入する方法ですが、私は彼らがライブラリをやったことはないと思います。 例：POST要求に「api.twitter.com/oauth/request_token」

、その後、ツイッターを提供し、ユーザは、あなたがoauth_tokenを取得するにはTwitterにPOSTリクエストを送信する必要がありlogginボタンをクリックする

あなたはoauth_tokenとoauth_token_secret（私的）です。

この手順を完了したら、ユーザーをTwitterにリダイレクトする必要があります。 例：すべてはあなたがoauth_tokenと検証用のOAuthトークンとよくさえずり応答を行っている場合は、要求が「api.twitter.com/oauth/authenticate?oauth_token=YOUR_OAUTH_TOKEN_GIVEN_IN_STEP_1」

にGET。

最後のステップを設定しましょう！

ステップ2 例の応答に設けられた検証のOAuthトークンとTwitterのAPIエンドポイントにPOSTリクエストを送信：ポストパラメータとして検証のOAuthトークンを送信「api.twitter.com/oauth/access_token」にPOSTリクエスト。

そして、秘密のトークンとユーザートークンを使ってTwitterの応答を保存すると、それを任意のtwitterエンドポイントで使用することができます。

ログインのドキュメント：https://dev.twitter.com/web/sign-in/implementing ブラウザの認証フロー：https://dev.twitter.com/web/sign-in/desktop-browser

よろしく！

Answer 2

はい、いいえ。

twitterがクロスサイトリクエストを許可していないため、ブラウザクライアント側のjavascriptでのみ作成することはできません。

ブラウザは、サードパーティのドメインで明示的に許可されていることを除いて、サンドボックス環境でjavascriptコードを実行するため、別のドメインにリクエストすることはできません。これは、Http Access Control (CORS)

と呼ばれていますが、TwitterのAPIは、ブラウザで実行されていないjavascriptアプリケーションでも使用できます。あなたのウェブサイトのためにこの機能をしたいとあなたはJavaScriptのみで、それをコーディングする場合@RationalDevは

Answer 3

を示唆したように

だから、あなたはnodejsであなたのウェブサイトのためのバックエンドのAPIを書いたり、他のサードパーティのサービスを使用する必要がありますクライアント上でJavaScriptとHTMLのみを意味する場合は、サードパーティのライブラリがいくつかあります。

Auth0がよく、instructions for Twitterです。

もう1つの解決策は、Firebase認証を使用することです。これはJavaScript API which can be used as followsを有する：

は、Twitterのプロバイダ・オブジェクトのインスタンスを作成する：Twitterのプロバイダ・オブジェクトを使用して

var provider = new firebase.auth.TwitterAuthProvider(); 

Firebaseで認証。ポップアップウィンドウを開くかサインインページにリダイレクトすることで、自分のTwitterアカウントでサインインするようにユーザーに促すことができます。