FacebookアプリのOauthリダイレクトURIはどこに設定しますか?


141

Facebookログインを使用するようにGoogle Firebaseを設定する手順で、FacebookのOAuthリダイレクトURI(以下に示す)を設定するように求められます。

アプリのすべてのメニューをクリックしました。それはどこにある?別の名前で呼ばれますか?

Firebaseのドキュメントから:

... OAuthリダイレクトURI(my-app-12345.firebaseapp.com/__/auth/handlerなど)が、Facebook開発者向けサイトのFacebookアプリの設定ページにあるOAuthリダイレクトURIの1つとして、製品設定> Facebookログイン設定。

回答:


234

私もこの設定を見つけるのに苦労しました。

を使用している場合はhttps://developers.facebook.com/、右上のプロフィール写真の横にアプリが表示されます。アプリを選択すると、そのアプリの設定に移動します。

のアプリ設定でhttps://developers.facebook.com/sa/apps/<my-app-id>、必ずFacebook Login製品を追加してください。次に、[クライアントOAuth設定]の[有効なOAuthリダイレクトURI]ボックスにURLを入力します。


2
developers.facebook.comで「アプリ設定」と言うと、どこに表示されますか?私たちはあらゆる種類の広告を見ます。開発者の設定が表示されます。会社の設定が表示されます。「マイアプリ」も表示されるため、アプリをクリックしても、商品を追加する場所が表示されません。
Praxiteles

1
その情報も追加しました。ナビが苦手なのは私だけではない。
フランク・ファン・プフェレン、2016年

23
うまくいきました。画面の左側から[製品を追加]をクリックし、Facebookログインを選択して、Oauthオプションを確認しました。
Praxiteles

これを設定する方法を理解しようとするだけで30分無駄になりました。これを表示するためにFirebaseのドキュメントを更新しないのはなぜですか(実際にはFacebookの複雑さ/ UIの問題が原因ですが)。ソノファフリキンブ!フランクの答えをありがとう。
Ronnie Royston

しかし、私の開発者ウィンドウでは、利用可能な他のさまざまなオプションがありますが、クライアントOAuthオントがないので、同じ@FrankvanPuffelenを見つけることができません!
Yash Agrawal

121

Facebook開発者のWebサイトUIの新しい変更によると、ここでそれを見つけることができます。それを見つけるために、画像の手順で画像を提供します。

1.下の画像のように製品の追加をクリックします。

ここに画像の説明を入力してください

2.このような画面が表示されます。その中にFacebookが提供する製品のリストが表示されます。画像にはFacebookのログインが表示されていません。これはすでに追加したためです。

ここに画像の説明を入力してください

3. Facebookログインの設定をクリックします。

ここに画像の説明を入力してください

4.クライアントのOAuthログインとリダイレクトURLを入力するためのフィールドを示す必要な画面が表示されます。

ここに画像の説明を入力してください


URLは何ですか?私のアプリ名はFirebaseLoginです。
Amit Jayaswal 2016年

1
Authentication-> Facebookに移動して、FirebaseコンソールからリダイレクトURLを取得できます。ここにコピーして貼り付けてください。
Haseeb Mohamed 2016

2
それは本当に良いガイドです。私はそれを段階的に行い、Firebaseコンソールから取得したリダイレクトURIも追加しました。しかし、それでもFacebookでログインできません。私のAndroidアプリケーションは正常に機能していましたが、突然、次のエラーが発生し始めました:「指定されたURLは、アプリケーション構成では許可されていません。 URLまたはCanvas URL、またはドメインは、アプリのドメインの1つのサブドメインである必要があります。」それを手伝ってくれませんか?
CodingA're

ありがとう!! 新しいダッシュボードの変更は紛らわしいです。スクリーンショットは大いに役立ちました。:)
mithil1501

「Facebookログイン」製品を追加したいのですが、「製品+」行が無効になっています!!! どうすれば修正できますか?
Shlomo

14

1- Firebase Console-> Authentication-> SIGN-IN METHOD-> Facebookに移動します。このリンクは、アプリシークレットとアプリIDの下にあります。それをコピーします。(これは次のようになります:https : //your-app-id.firebaseapp.com/__/auth/handler

2- https://developers.facebook.com/apps/- >アプリ->製品-> Facebookログイン(まだ追加されていない場合は追加)->設定に移動します。[有効なOAuthリダイレクトURI]ボックスにコピーしたリンクを通過します。


8

その設定にはもうありません。左側のメニューに[+商品を追加]オプションがあります。それを選択し、「Facebookリンク」を選択します。そこにリンクを貼り付けるためのボックスがあります。

ところで、これはFBがメニューUIの再設計を決定するたびに変更される可能性があります


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.