Firebase - Facebook Authentication -
There are following steps involved to Enable Facebook Authentication in Firebase i.e.
Enable Facebook Auth –
In the Sign-In method tab, enable the Facebook sign-in method and specify the App-ID and App Secret you got from Facebook.
Create Facebook App –
For create facebook app, visit facebook’s developers site -https://developers.facebook.com/
Now, you find input field Valid OAuth redirect URIs where you need to copy the OAuth Redirect URI from Firebase.
Connect to Facebook SDK –
Use the below code to connect to Facebook
Create Buttons –
Use the below code to create buttons
Create Auth Functions –
Use the below code to create authentication functions
Stayed Informed - Firebase Tutorial for Android and IOS
I hope you are enjoying with this post! Please share with you friends. Thank you so much!
There are following steps involved to Enable Facebook Authentication in Firebase i.e.
1. Enable Facebook Auth
2. Create Facebook App
3. Connect to Facebook SDK
4. Create Buttons
5. Create Auth Functions
Enable Facebook Auth –
In the Sign-In method tab, enable the Facebook sign-in method and specify the App-ID and App Secret you got from Facebook.
Create Facebook App –
For create facebook app, visit facebook’s developers site -https://developers.facebook.com/
Now, you find input field Valid OAuth redirect URIs where you need to copy the OAuth Redirect URI from Firebase.
Connect to Facebook SDK –
Use the below code to connect to Facebook
<script>
window.fbAsyncInit
= function() {
FB.init
({
appId : 'APP_ID',
xfbml : true,
version : 'v2.6'
});
};
(function(d,
s, id)
{
var js,
fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
{
return;
}
js = d.createElement(s);
js.id
= id;
js.src
= "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js,
fjs);
} (document, 'script',
'facebook-jssdk'));
</script>
Create Buttons –
Use the below code to create buttons
<button
onclick = "facebookSignIn()">
Signin </button>
<button
onclick = "facebookSignOut()">
Signout </button>
Create Auth Functions –
Use the below code to create authentication functions
<script>
var provider = new
firebase.auth.FacebookAuthProvider();
function facebookSignIn()
{
firebase.auth().signInWithPopup(provider)
.then(function(result)
{
var
token = result.credential.accessToken;
var
user = result.user;
}).catch(function(error)
{
console.log(error.code);
console.log(error.message);
});
}
function facebookSignOut()
{
firebase.auth().signOut()
.then(function()
{
console.log('Successful
Signout!');
}, function(error)
{
console.log('Signout
failed');
});
}
</script>
Stayed Informed - Firebase Tutorial for Android and IOS
I hope you are enjoying with this post! Please share with you friends. Thank you so much!
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|