164

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.

Praxiteles
  • 5,802
  • 9
  • 47
  • 78

6 Answers6

272

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.

Frank van Puffelen
  • 565,676
  • 79
  • 828
  • 807
  • 2
    When you say "app settings" on https://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 '16 at 01: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 '16 at 01: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 '16 at 01: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 07 '16 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 '16 at 13:47
  • @FrankvanPuffelen its showing trends,Active users,recent installs but not any way to add OAuth links – Yash Agrawal Sep 21 '16 at 13:48
  • See this: https://developers.facebook.com/apps//fb-login/quickstart/ – Jagdeep Singh Nov 06 '18 at 09:10
128

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

Haseeb Mohamed
  • 1,459
  • 1
  • 11
  • 15
  • what will be the url? My app name is FirebaseLogin. – Amit Jayaswal Nov 18 '16 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 '16 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 '17 at 20:27
  • Thanks!! the new Dashboard changes are confusing.. your screenshots helped a lot.:) – mithil1501 Dec 05 '17 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 '19 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.

abosamy
  • 161
  • 1
  • 3
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

Pranav Mahajan
  • 2,048
  • 2
  • 23
  • 36
2

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

Caner Yılmaz
  • 201
  • 3
  • 6
1

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.

patrick
  • 16,091
  • 29
  • 100
  • 164