Firebase Features

How To Enable Facebook Authentication in Firebase?

Firebase - Facebook Authentication -
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

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..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

www.code-sample.com/. Powered by Blogger.
^