done github auth

Author: jinnatul

auth-All/app.js

@@ -5,8 +5,10 @@ const flash    = require('connect-flash');
 const cookieParser = require('cookie-parser');
 const session      = require('express-session');
 
-// Google config
+// Social config
 require('./config/googleConfig')(passport);
+require('./config/facebookConfig')(passport);
+require('./config/githubConfig')(passport);
 
 app.use(cookieParser()); // read cookies (needed for auth)
 app.set('view engine', 'ejs'); // set up ejs for templating

auth-All/config/githubConfig.js

@@ -0,0 +1,35 @@
+const passport = require('passport');
+
+let GithubStrategy = require('passport-github').Strategy;
+
+module.exports = (passport) => {
+  // used to serialize the user for the session
+  passport.serializeUser((user, cb) => {
+    cb(null, user);
+  });
+  
+  // used to deserialize the user
+  passport.deserializeUser((user, cb) => {
+   cb(null, user);
+  });
+
+  // Goggle 
+  passport.use(new GithubStrategy(
+    {
+      clientID: process.env.GITHUB_CLIENT_ID,
+      clientSecret: process.env.GITHUB_CLIENT_SECRET,
+      callbackURL: process.env.GITHUB_CALLBACK_URL
+    },
+    function(token, refreshToken, profile, cb) {
+      let user = {};
+      process.nextTick(() => {
+        user.name = profile._json.name;
+        user.email = profile._json.email;
+        user.picture = profile._json.avatar_url;
+        user.socialName = "Github";
+        user.socialImg = "./img/github.png";
+        return cb(null, user);
+      });
+    }
+  ));
+};

auth-All/config/myEnv.env

@@ -12,4 +12,8 @@ GOOGLE_CALLBACK=your-callback-url
 
 FACEBOOK_CLIENT_ID=your-facebook-cliend-id
 FACEBOOK_CLIENT_SECRET=your-facebook-cliend-secret
-FACEBOOK_CALLBACK_URL=your-callback-url
+FACEBOOK_CALLBACK_URL=your-callback-url
+
+GITHUB_CLIENT_ID=your-github-cliend-id
+GITHUB_CLIENT_SECRET=your-github-cliend-secret
+GITHUB_CALLBACK_URL=your-callback-url

auth-All/package-lock.json

@@ -26,6 +26,7 @@
     "mongoose": "^5.9.24",
     "passport": "^0.4.1",
     "passport-facebook": "^3.0.0",
+    "passport-github": "^1.1.0",
     "passport-google-oauth": "^2.0.0"
   }
 }

auth-All/package.json

@@ -10,9 +10,4 @@
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
-}
-
-.profileLogo {
-  height: 100px;
-  width: 100px;
 }

auth-All/public/css/style.css

@@ -11,20 +11,20 @@ module.exports = (app, passport) => {
     });
   });
 
-  /*****  Google  ****/
-  // send to google to do the authentication
+  /*****  github  ****/
+  // send to github to do the authentication
   // profile gets us their basic information including their name
   // email gets their emails
-  app.get('/auth/google', 
+  app.get('/auth/github', 
     passport.authenticate(
-      'google', 
+      'github', 
       { scope: ['profile', 'email'] }
     )
   );
 
-  app.get('/auth/google/callback', 
+  app.get('/auth/github/callback', 
     passport.authenticate(
-      'google', 
+      'github', 
       {
         successRedirect: '/profile',
         failureRedirect: '/'
@@ -52,6 +52,27 @@ module.exports = (app, passport) => {
       }
   ));
 
+  /*****  Github  ****/
+  // send to github to do the authentication
+  // profile gets us their basic information including their name
+  // email gets their emails
+  app.get('/auth/github', 
+    passport.authenticate(
+      'github', 
+      { scope: ['profile', 'email'] }
+    )
+  );
+
+  app.get('/auth/github/callback', 
+    passport.authenticate(
+      'github', 
+      {
+        successRedirect: '/profile',
+        failureRedirect: '/'
+      }
+  ));
+
+  // Logout common
   app.get('/logout', (req, res) => {
     req.logout();
     res.redirect('/');

auth-All/routers/authRouter.js

@@ -23,7 +23,7 @@
               <li><a href="/auth/facebook">
                 <img class="logoDesign" src="./img/facebook.png" alt="facebook"></a>
               </li>
-              <li><a href="/auth/google">
+              <li><a href="/auth/github">
                 <img class="logoDesign" src="./img/github.png" alt="github"></a>
               </li>
               <li><a href="/auth/google">

auth-All/views/index.ejs

@@ -20,11 +20,27 @@
                 <img class="logoDesign" src=<%= user.socialImg %> alt=""> 
               </div>
             </span>
-
-            <div>
-              <strong>Email</strong>: <%= user.email %><br>
-              <strong>Name</strong>: <%= user.name %><br><br>
-              <img class="profileImg" src=<%= user.picture %> alt="">
+            <br>
+            <div class="row">
+              <div class="col s12 m6">
+                    <img class="responsive-img" src=<%= user.picture %> alt="">
+              </div>
+              <div class="col s12 m6">
+                <div class="card center-align">           
+                  <div class="card-content"> 
+                    <table class="highlight">
+                      <tr>
+                        <td><h6>Email:</h6> </td>
+                        <td><%= user.email %></td>
+                      </tr>
+                      <tr>
+                        <td><h6>Name:</h6> </td>
+                        <td><%= user.name %></td>
+                      </tr>
+                    </table>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
         </div>