Unable to signinWithCredential() for Ffacebook OAuth with Firebase
I've been unable to successfully use Firebase's signinWithCredentials() for a Facebook login. I've checked and rechecked that i'm using the correct app_id and app_secret on Firebase's authentication page as well as confirmed my settings and added a redirect uri to Facebooks developer console.
I'm using a react-native application built on top of expo. My auth flow is to use expo to display the facebook UI and sign the user in.
const { type, token } = await
Facebook.logInWithReadPermissionsAsync('a_secret_number', {
permissions: ['public_profile', 'email']
});
This successfully returns a token which I then try to integrate with firebase by creating a credential:
const credential = await
firebase.auth.FacebookAuthProvider.credential(token);
the credential looks something like:
{
"accessToken": "EAAIgv4Sw9TQBAA1G30ZC71qyjcRLM4o9kWVxf1oGhZAWAdGVeZBHrSdNADHGxCeZCzyWxZAjEPM1iZCXXdsadsadsaga321432432dsaddsadsadas34214234324asdasdsadsapv1W3ybqtziQC4JRKZA5hD4a50JrVC1rfoFiFZAJZCcoGoRViTQtgevbnNEx8s7ZA1a1Xd6xOQBsnZC1qdJzOTgZDZD",
"providerId": "facebook.com",
}
So, up until now i've confirmed the data is formatted correctly and contains something to send to firebase.
Finally,
try {
await firebase.auth().signInWithCredential(credential);
} catch (error) {
console.log(error);
}
And the error message:
{"error":{"errors":[{"domain":"global","reason":"invalid","message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}],"code":400,"message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}}
After Several hours of headbanging and trying to find solutions for this error, i've come to stack overflow for help. Any help or guidance would be appreciated :)
Module Versions:
"expo": "23.0.0",
"firebase": "^4.10.0",
firebase react-native firebase-authentication expo edited Mar 20 '18 at 10:51
noogui
11.7k31123
asked Mar 19 '18 at 23:19
james gill
213
add a comment |
I've been unable to successfully use Firebase's signinWithCredentials() for a Facebook login. I've checked and rechecked that i'm using the correct app_id and app_secret on Firebase's authentication page as well as confirmed my settings and added a redirect uri to Facebooks developer console.
I'm using a react-native application built on top of expo. My auth flow is to use expo to display the facebook UI and sign the user in.
const { type, token } = await
Facebook.logInWithReadPermissionsAsync('a_secret_number', {
permissions: ['public_profile', 'email']
});
This successfully returns a token which I then try to integrate with firebase by creating a credential:
const credential = await
firebase.auth.FacebookAuthProvider.credential(token);
the credential looks something like:
{
"accessToken": "EAAIgv4Sw9TQBAA1G30ZC71qyjcRLM4o9kWVxf1oGhZAWAdGVeZBHrSdNADHGxCeZCzyWxZAjEPM1iZCXXdsadsadsaga321432432dsaddsadsadas34214234324asdasdsadsapv1W3ybqtziQC4JRKZA5hD4a50JrVC1rfoFiFZAJZCcoGoRViTQtgevbnNEx8s7ZA1a1Xd6xOQBsnZC1qdJzOTgZDZD",
"providerId": "facebook.com",
}
So, up until now i've confirmed the data is formatted correctly and contains something to send to firebase.
Finally,
try {
await firebase.auth().signInWithCredential(credential);
} catch (error) {
console.log(error);
}
And the error message:
{"error":{"errors":[{"domain":"global","reason":"invalid","message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}],"code":400,"message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}}
After Several hours of headbanging and trying to find solutions for this error, i've come to stack overflow for help. Any help or guidance would be appreciated :)
Module Versions:
"expo": "23.0.0",
"firebase": "^4.10.0",
edited Mar 20 '18 at 10:51
noogui
11.7k31123
asked Mar 19 '18 at 23:19
james gill
213
it seems like you aren't using the right app id -> "The App_id in the input_token did not match the Viewing App"
– sallah kokaina
May 17 '18 at 19:14
That was exactly the case. Thank you.
– james gill
Jun 27 '18 at 18:18
add a comment |
I've been unable to successfully use Firebase's signinWithCredentials() for a Facebook login. I've checked and rechecked that i'm using the correct app_id and app_secret on Firebase's authentication page as well as confirmed my settings and added a redirect uri to Facebooks developer console.
I'm using a react-native application built on top of expo. My auth flow is to use expo to display the facebook UI and sign the user in.
const { type, token } = await
Facebook.logInWithReadPermissionsAsync('a_secret_number', {
permissions: ['public_profile', 'email']
});
This successfully returns a token which I then try to integrate with firebase by creating a credential:
const credential = await
firebase.auth.FacebookAuthProvider.credential(token);
the credential looks something like:
{
"accessToken": "EAAIgv4Sw9TQBAA1G30ZC71qyjcRLM4o9kWVxf1oGhZAWAdGVeZBHrSdNADHGxCeZCzyWxZAjEPM1iZCXXdsadsadsaga321432432dsaddsadsadas34214234324asdasdsadsapv1W3ybqtziQC4JRKZA5hD4a50JrVC1rfoFiFZAJZCcoGoRViTQtgevbnNEx8s7ZA1a1Xd6xOQBsnZC1qdJzOTgZDZD",
"providerId": "facebook.com",
}
So, up until now i've confirmed the data is formatted correctly and contains something to send to firebase.
Finally,
try {
await firebase.auth().signInWithCredential(credential);
} catch (error) {
console.log(error);
}
And the error message:
{"error":{"errors":[{"domain":"global","reason":"invalid","message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}],"code":400,"message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}}
After Several hours of headbanging and trying to find solutions for this error, i've come to stack overflow for help. Any help or guidance would be appreciated :)
Module Versions:
"expo": "23.0.0",
"firebase": "^4.10.0",
edited Mar 20 '18 at 10:51
noogui
11.7k31123
asked Mar 19 '18 at 23:19
james gill
213
I've been unable to successfully use Firebase's signinWithCredentials() for a Facebook login. I've checked and rechecked that i'm using the correct app_id and app_secret on Firebase's authentication page as well as confirmed my settings and added a redirect uri to Facebooks developer console.
I'm using a react-native application built on top of expo. My auth flow is to use expo to display the facebook UI and sign the user in.
const { type, token } = await
Facebook.logInWithReadPermissionsAsync('a_secret_number', {
permissions: ['public_profile', 'email']
});
This successfully returns a token which I then try to integrate with firebase by creating a credential:
const credential = await
firebase.auth.FacebookAuthProvider.credential(token);
the credential looks something like:
{
"accessToken": "EAAIgv4Sw9TQBAA1G30ZC71qyjcRLM4o9kWVxf1oGhZAWAdGVeZBHrSdNADHGxCeZCzyWxZAjEPM1iZCXXdsadsadsaga321432432dsaddsadsadas34214234324asdasdsadsapv1W3ybqtziQC4JRKZA5hD4a50JrVC1rfoFiFZAJZCcoGoRViTQtgevbnNEx8s7ZA1a1Xd6xOQBsnZC1qdJzOTgZDZD",
"providerId": "facebook.com",
}
So, up until now i've confirmed the data is formatted correctly and contains something to send to firebase.
Finally,
try {
await firebase.auth().signInWithCredential(credential);
} catch (error) {
console.log(error);
}
And the error message:
{"error":{"errors":[{"domain":"global","reason":"invalid","message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}],"code":400,"message":"Unsuccessful debug_token response from Facebook: {"error":{"message":"(#100) The App_id in the input_token did not match the Viewing App","type":"OAuthException","code":100,"fbtrace_id":"EpP6p3IVs3a"}}"}}
After Several hours of headbanging and trying to find solutions for this error, i've come to stack overflow for help. Any help or guidance would be appreciated :)
Module Versions:
"expo": "23.0.0",
"firebase": "^4.10.0",
edited Mar 20 '18 at 10:51
noogui
11.7k31123
asked Mar 19 '18 at 23:19
james gill
213
edited Mar 20 '18 at 10:51
noogui
11.7k31123
asked Mar 19 '18 at 23:19
james gill
213
edited Mar 20 '18 at 10:51
noogui
11.7k31123
edited Mar 20 '18 at 10:51
noogui
11.7k31123
edited Mar 20 '18 at 10:51
noogui
11.7k31123
11.7k31123
asked Mar 19 '18 at 23:19
james gill
213
asked Mar 19 '18 at 23:19
james gill
213
asked Mar 19 '18 at 23:19
james gill
213
213
it seems like you aren't using the right app id -> "The App_id in the input_token did not match the Viewing App"
– sallah kokaina
May 17 '18 at 19:14
That was exactly the case. Thank you.
– james gill
Jun 27 '18 at 18:18
add a comment |
it seems like you aren't using the right app id -> "The App_id in the input_token did not match the Viewing App"
– sallah kokaina
May 17 '18 at 19:14
That was exactly the case. Thank you.
– james gill
Jun 27 '18 at 18:18
it seems like you aren't using the right app id -> "The App_id in the input_token did not match the Viewing App"
– sallah kokaina
May 17 '18 at 19:14
it seems like you aren't using the right app id -> "The App_id in the input_token did not match the Viewing App"
– sallah kokaina
May 17 '18 at 19:14
That was exactly the case. Thank you.
– james gill
Jun 27 '18 at 18:18
That was exactly the case. Thank you.
– james gill
Jun 27 '18 at 18:18
add a comment |
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f49373948%2funable-to-signinwithcredential-for-ffacebook-oauth-with-firebase%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f49373948%2funable-to-signinwithcredential-for-ffacebook-oauth-with-firebase%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
it seems like you aren't using the right app id -> "The App_id in the input_token did not match the Viewing App"
– sallah kokaina
May 17 '18 at 19:14
That was exactly the case. Thank you.
– james gill
Jun 27 '18 at 18:18