FacebookのOAuthの表示ポップアップ

Question

私は\この を使用するクラス= "FB-ボタン" のhref = "https://www.facebook.com/dialog/oauth?client_id=184082381694xx8 & REDIRECT_URI = HTTPS：//xxxxxxx.com &ディスプレイ=ポップアップ "\ ポップアップとして表示されないように表示される方法を変更しているようですが、 新しいタブとして。 このようなポップアップFacebookのログインを行うにはどうすればいいですか？https://www.airbnb.com/login？

Answer 1

これらのポップアップが正しく機能するには、Facebook JS SDKを含める必要があります。 how to include the SDKに関する説明は、開発者向けドキュメントに記載されています。

Answer 2

私は同じ問題を抱えていました。私はavistが提案するようにjavascript SDKを含めました。ここに私の経験/研究の結論があります：

• 私はディスプレイ=ポップアップを動作させることができませんでしたが、これは実際には動作していないように思われます。
• Airbnb（リンクされているSergiの例で）は、独自のポップアップを実装しています。ここでそれを行う方法のかなり良い例がありますhttp://thinkdiff.net/facebook/create-facebook-popup-authentication-window-using-php-and-javascript/。簡単に言えば、javascriptを使用してポップアップでリンクを開き、ユーザーがアクセス許可を受け入れて親ウィンドウがリダイレクトされるとウィンドウを閉じるだけです。

私はJavaScript APIのFB.signupを使用して簡単に終了しました。唯一の欠点は、短命のトークン（2時間）を得て、長生きのトークン（60日間）に反対することです。しかし、あなたはいつも短命を長生きのために交換することができます - https://developers.facebook.com/roadmap/offline-access-removal/#extend_token