Where does one set the Oauth Redirect URI for Facebook apps?

FacebookFirebaseFacebook AppsFirebase Authentication

Facebook Problem Overview


We are being asked to set the OAuth redirect URI for Facebook (as shown below) in the instructions to set up Google Firebase to use Facebook login.

We clicked in every menu for our app. Where is it? Could it be called something different?

From the Firebase documentation:

>...make sure your OAuth redirect URI (e.g. my-app-12345.firebaseapp.com/__/auth/handler) is listed as one of your OAuth redirect URIs in your Facebook app's settings page on the Facebook for Developers site in the Product Settings > Facebook Login config.

Facebook Solutions


Solution 1 - Facebook

I had a hard time finding this setting too.

If you are on https://developers.facebook.com/, you can find your apps listed in the top right, next to you profile picture. Selecting the app, will take you to the settings for that app.

In your app settings on https://developers.facebook.com/sa/apps/<my-app-id>, make sure that you add the Facebook Login product. Then under "Client OAuth Settings" enter the URL in the "Valid OAuth redirect URIs" box.

Solution 2 - Facebook

According to new changes in the facebook developers website UI,You can find it over here.Giving an image by image steps to find it.

1.Click on the Add product as in the image below.

enter image description here

2.You get a screen like this.In that you will see a list of products Facebook provides.In the image you can't see facebook login because I have already added it.

enter image description here

3.Click on settings of Facebook login.

enter image description here

4.You will get the required screen showing Client OAuth Login and the field for entering the redirect URL.

enter image description here

Solution 3 - Facebook

1- Go to your Firebase Console -> Authentication -> SIGN-IN METHOD -> Facebook. You'll find that link below your App Secret and App ID. Copy it. (It should be something like this: https://your-app-id.firebaseapp.com/__/auth/handler)

2- Go to https://developers.facebook.com/apps/ -> your app -> Product -> Facebook Login (add it if didn't yet) -> Settings. Past the link you've copied into "Valid OAuth redirect URIs" box.

Solution 4 - Facebook

Its not there in settings anymore. You can find an option "+ Add Product" in the left menu. Select that & then select "Facebook link". There you'll find a box to paste the link.

BTW, this can change whenever FB decides to redesign their Menu UI

Solution 5 - Facebook

FB is looking for an OAuth Redirect string that looks like this: https://firebaseappname.firebaseapp.com/__/auth/handler

FirebaseConsole provides it here: Firebase -> Authentication -> Sign-in Method -> Facebook

The [Save Changes] button on FB developer portal was very glitchy, save changes -> reload page -> verify your OAuth Redirect entry persisted.

Solution 6 - Facebook

look left bar, under the PRODUCTS title, and double click facebook Login title.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionPraxitelesView Question on Stackoverflow
Solution 1 - FacebookFrank van PuffelenView Answer on Stackoverflow
Solution 2 - FacebookHaseeb MohamedView Answer on Stackoverflow
Solution 3 - FacebookabosamyView Answer on Stackoverflow
Solution 4 - FacebookPranav MahajanView Answer on Stackoverflow
Solution 5 - FacebookpatrickView Answer on Stackoverflow
Solution 6 - FacebookCaner YılmazView Answer on Stackoverflow