Node.js Tutorial: Google/Facebook Login

Welcome to our comprehensive guide on integrating Google and Facebook login functionality using Node.js! In this tutorial, we'll walk you through the process step-by-step, explaining why things work the way they do and providing real-world examples.

🎯 Objective: By the end of this tutorial, you'll learn how to implement Google and Facebook login in your Node.js applications, making them more user-friendly and secure.

Getting Started

Before diving into the specifics, let's make sure you have the necessary prerequisites:

Node.js installed: Install Node.js if you haven't already.
Familiarity with Node.js: If you're new to Node.js, we recommend checking out our Node.js Tutorial.

Google Login

What is Google Login?

Google Login is a third-party authentication service provided by Google that allows users to sign in to your application using their Google account. This makes the sign-up and sign-in process easier for users, as they don't need to create a new account.

Setting up Google Login

Register your app on the Google Developer Console.
Install the required package: npm install passport-google-oauth20
Configure Passport for Google authentication:

javascript

const passport = require('passport');
const GoogleStrategy = require('passport-google-oauth20').Strategy;

passport.use(
  new GoogleStrategy({
      clientID: GOOGLE_CLIENT_ID,
      clientSecret: GOOGLE_CLIENT_SECRET,
      callbackURL: "http://localhost:3000/auth/google/callback"
    },
    function(accessToken, refreshToken, profile, cb) {
      // Save the user profile and return success
      cb(null, profile);
    }
  )
);

Implementing Routes

javascript

const passport = require('passport');

app.get('/auth/google', passport.authenticate('google', { scope: ['profile'] }));

app.get('/auth/google/callback', passport.authenticate('google'), (req, res) => {
  // Successful authentication, save user and redirect
  res.redirect('/');
});

Facebook Login

What is Facebook Login?

Facebook Login is a third-party authentication service provided by Facebook that allows users to sign in to your application using their Facebook account.

Setting up Facebook Login

Register your app on the Facebook Developers platform.
Install the required package: npm install passport-facebook
Configure Passport for Facebook authentication:

javascript

const passport = require('passport');
const FacebookStrategy = require('passport-facebook').Strategy;

passport.use(
  new FacebookStrategy({
      clientID: FACEBOOK_APP_ID,
      clientSecret: FACEBOOK_APP_SECRET,
      callbackURL: "http://localhost:3000/auth/facebook/callback"
    },
    function(accessToken, refreshToken, profile, cb) {
      // Save the user profile and return success
      cb(null, profile);
    }
  )
);

Implementing Routes

javascript

const passport = require('passport');

app.get('/auth/facebook', passport.authenticate('facebook', { scope: 'email' }));

app.get('/auth/facebook/callback', passport.authenticate('facebook'), (req, res) => {
  // Successful authentication, save user and redirect
  res.redirect('/');
});

Quiz

📝 Note: Always remember to keep your Google and Facebook API keys secure and never share them publicly.

That's it for our comprehensive guide on integrating Google and Facebook login into your Node.js applications! By following this tutorial, you'll have a solid understanding of how to implement these essential features in your projects. Happy coding! 🚀