169

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.

Improve this question

7 Answers 7

Reset to default
277

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.

Improve this answer
7
  • 2
    When you say "app settings" on developers.facebook.com where are you seeing them? We see all sorts of advertisements. We see developer settings. We see company settings. We also see "my apps" then if we click our app we don't see where to add products.
    – Praxiteles
    May 26, 2016 at 1:05
  • 1
    Added that info too. I'm glad I'm not the only one who has a hard time navigating.
    – Frank van Puffelen
    May 26, 2016 at 1:10
  • 23
    Great that worked. Clicked "Add Product" from the left side of the screen and then chose Facebook login and then saw the Oauth options.
    – Praxiteles
    May 26, 2016 at 1:19
  • Just wasted 30 minutes trying to figure out how to set this. Why not update the Firebase documentation to show this (even though it's really a Facebook complexity / poor UI issue). Sonofafrikkinb! Thanks for the answer Frank.
    – Ronnie Royston
    Jul 7, 2016 at 19:56
  • But in my developer window i m still unable to find the same @FrankvanPuffelen as there are various other options available but not the Client OAuth ont!
    – Yash Agrawal
    Sep 21, 2016 at 13:47
129

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

Improve this answer
5
  • what will be the url? My app name is FirebaseLogin.
    – Amit Jayaswal
    Nov 18, 2016 at 11:48
  • 2
    You can get your redirect URL from the firebase console by going to Authentication->Facebook.Just copy paste over to here.Hope it helps.
    – Haseeb Mohamed
    Nov 18, 2016 at 12:28
  • 2
    That is a really good guide. I did it step by step and also added the redirect URI which I got from my firebase console. But still I can't log in with facebook. My android application was just working fine but all of a sudden I started getting this error : "Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains." Can you help me with that please ?
    – Yunus Emre Güler
    Apr 22, 2017 at 20:27
  • Thanks!! the new Dashboard changes are confusing.. your screenshots helped a lot.:)
    – mithil1501
    Dec 5, 2017 at 11:58
  • I want to add the "Facebook Login" product, but the "Products +" line is disabled!!! How do I fix it?
    – Shlomo
    May 15, 2019 at 19:27
16

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.

Improve this answer
15

According to the 2024 new Facebook Developer website UI, once you create your app, it will show the dashboard page. Now follow these steps:

  1. Click on the Use cases option: enter image description here
  2. Then in the Authentication and account creation section, click the Customize button: enter image description here
  3. Then in the Settings section, click the Go to settings button: enter image description here
  4. Scroll down a little bit, until you find the Valid OAuth Redirect URIs section: enter image description here

Here you can add your OAuth Redirect URI and then click the Save changes button below it.

Improve this answer
8

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

Improve this answer
0
2

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

Improve this answer
2

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.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.