login fb-google-github

app.js

@@ -17,15 +17,20 @@ var upload = require("express-fileupload");
 //var morgan = require('morgan');
 var mongoose = require('mongoose');
 var passport = require('passport');
+var session = require('express-session');
 var config = require('./config/database');
 
 //DB
 //mongoose.Promise = require('bluebird');
 mongoose.connect(config.database);
 
-
+app.use(session({
+  secret: 's3cr3t',
+  resave: true,
+  saveUninitialized: true
+}));
 app.use(passport.initialize());
-
+app.use(passport.session());
 
 app.use(logger('dev'));
 app.use(bodyParser.json());

auth/facebook.js

@@ -4,7 +4,7 @@ var FacebookStrategy = require('passport-facebook').Strategy;
 passport.use(new FacebookStrategy({
         clientID: "191092458179642",
         clientSecret: "964e490d7e49a13ee7a77c9b65419fb3",
-        callbackURL: "https://localhost:3000/auth/facebook/callback"
+        callbackURL: "https://localhost:3000/api/facebook/callback"
     },
     function(accessToken, refreshToken, profile, done) {
         User.findOrCreate({name: profile.displayName}, {name: profile.displayName,userid: profile.id}, function(err, user) {
@@ -14,4 +14,4 @@ passport.use(new FacebookStrategy({
     }
 ));
 
-module.exports = passport;
+module.exports = passport;

auth/github.js

@@ -4,7 +4,7 @@ var GitHubStrategy = require('passport-github').Strategy;
 passport.use(new GitHubStrategy({
         clientID: "60a0296da9fce6ca3b7e",
         clientSecret: "9fb2f52123d9d840c98b98b3b4ffbc5dd77d1de3",
-        callbackURL: "https://localhost:3000/auth/github/callback"
+        callbackURL: "https://localhost:3000/api/github/callback"
     },
     function(accessToken, refreshToken, profile, done) {
         User.findOrCreate({userid: profile.id}, {name: profile.displayName,userid: profile.id}, function (err, user) {
@@ -13,4 +13,4 @@ passport.use(new GitHubStrategy({
     }
 ));
 
-module.exports = passport;
+module.exports = passport;

auth/google.js

@@ -4,7 +4,7 @@ var GoogleStrategy = require('passport-google-oauth').OAuth2Strategy;
 passport.use(new GoogleStrategy({
         clientID: "633754977454-7dcfrsfob7sjq5lim47tc63pdjch6imr.apps.googleusercontent.com",
         clientSecret: "D7lHcUgZbCpmWZtooRlICzAH",
-        callbackURL: "https://localhost:3000/auth/google/callback"
+        callbackURL: "https://localhost:3000/api/google/callback"
     },
     function(accessToken, refreshToken, profile, done) {
         User.findOrCreate({ userid: profile.id }, { name: profile.displayName,userid: profile.id }, function (err, user) {
@@ -13,4 +13,4 @@ passport.use(new GoogleStrategy({
     }
 ));
 
-module.exports = passport;
+module.exports = passport;

package.json

@@ -37,6 +37,7 @@
     "easy-pie-chart": "2.1.x",
     "express": "^4.16.2",
     "express-fileupload": "^0.4.0",
+    "express-session": "^1.15.6",
     "font-awesome": "4.7.x",
     "form-data": "^2.3.2",
     "gulp": "^3.9.1",

routes/api.js

@@ -17,10 +17,6 @@ var passportFacebook = require('../auth/facebook');
 var passportGoogle = require('../auth/google');
 var passportGitHub = require('../auth/github');
 
-
-
-
-
 /* creation Token */
 getToken = function (headers) {
     if (headers && headers.authorization) {
@@ -289,25 +285,34 @@ function ensureAuthenticated(req, res, next) {
 /* FACEBOOK ROUTER */
 router.get('/facebook', passportFacebook.authenticate('facebook'));
 
-router.get('/facebook/callback', passportFacebook.authenticate('facebook', { failureRedirect: '/login' }), function(req, res) {
+router.get('/facebook/callback', passportFacebook.authenticate('facebook', { successRedirect : '/', failureRedirect: '/login' }), function(req, res) {
         // Successful authentication, redirect home.
         res.redirect('/');
     });
+router.get('/facebook',
+    passport.authenticate('facebook', { scope: ['read_stream', 'publish_actions'] })
+  );
 
 /* GOOGLE ROUTER */
 router.get('/google', passportGoogle.authenticate('google', { scope: 'https://www.google.com/m8/feeds' }));
 
-router.get('/google/callback', passportGoogle.authenticate('google', { failureRedirect: '/login' }), function(req, res) {
+router.get('/google/callback', passportGoogle.authenticate('google', { successRedirect : '/', failureRedirect: '/login' }), function(req, res) {
         res.redirect('/');
     });
+router.get('/google',
+        passport.authenticate('google', { scope: ['read_stream', 'publish_actions'] })
+      );
 
 /* GITHUB ROUTER */
 router.get('/github', passportGitHub.authenticate('github', { scope: [ 'user:email' ] }));
 
-router.get('/github/callback', passportGitHub.authenticate('github', { failureRedirect: '/login' }), function(req, res) {
+router.get('/auth/github/callback', passportGitHub.authenticate('github', { successRedirect : '/', failureRedirect: '/login' }), function(req, res) {
         // Successful authentication, redirect home.
         res.redirect('/');
     });
+router.get('/github',
+          passport.authenticate('github', { scope: ['read_stream', 'publish_actions'] })
+      );
 
 
 module.exports = router;

src/app/login/login.component.html

@@ -13,11 +13,9 @@
     <p>
       Not a member? <a [routerLink]="['/signup']">Signup here</a>
     </p>
+
+    <button onclick="location.href='/api/facebook'" type="button" class="btn-floating btn-fb"><i class="fa fa-facebook"></i></button>
+    <button onclick="location.href='/api/github'" type="button" class="btn-floating btn-git"><i class="fa fa-github"></i></button>
+    <button onclick="location.href='/api/google'" type="button" class="btn-floating btn-gplus"><i class="fa fa-google"></i></button>
   </form>
 </div>
-
-
-
-<button class="btn-facebook" href="/auth/facebook"></button>
-<button class="btn-github" href="/auth/github"></button>
-<button class="btn-google" href="/auth/google"></button>