feat: facebook login -> google login

@@ -3,69 +3,70 @@ var router = express.Router();
 var UserModel = require('../models/UserModel');
 var UserModel = require('../models/UserModel');
 var passport = require('passport');
 var passport = require('passport');
 var FacebookStrategy = require('passport-facebook').Strategy;
 var FacebookStrategy = require('passport-facebook').Strategy;
+const GoogleStrategy = require('passport-google-oauth20').Strategy;
 
 
 passport.serializeUser(function (user, done) {
 passport.serializeUser(function (user, done) {
-    done(null, user);
+  done(null, user);
 });
 });
 
 
 passport.deserializeUser(function (user, done) {
 passport.deserializeUser(function (user, done) {
-    done(null, user);
+  done(null, user);
 });
 });
 
 
-passport.use(new FacebookStrategy({
-        // https://developers.facebook.com에서 appId 및 scretID 발급
-        clientID: "863352300499259", //입력하세요
-        clientSecret: "36867723fbdd49dac987f9a061e2206a", //입력하세요.
-        callbackURL: "http://localhost:3000/auth/facebook/callback",
-        profileFields: ['id', 'displayName', 'photos', 'email'] //받고 싶은 필드 나열
+passport.use(
+  new GoogleStrategy(
+    {
+      clientID:
+        '912554148550-gq86jjjgc022b1eit50mboh5lq48covi.apps.googleusercontent.com',
+      clientSecret: '_EzuXeN7eNCTbcGQUV4kY1pN',
+      callbackURL: 'http://localhost:3000/auth/google/callback',
+      profileFields: ['id', 'displayName', 'photos', 'email'], //받고 싶은 필드 나열
     },
     },
-    function(accessToken, refreshToken, profile, done) {
-        //아래 하나씩 찍어보면서 데이터를 참고해주세요.
-        //console.log(profile);
-        //console.log(profile.displayName);
-        //console.log(profile.emails[0].value);
-        //console.log(profile._raw);
-        //console.log(profile._json);
-        UserModel.findOne({ username : "fb_" + profile.id }, function(err, user){
-            if(!user){  //없으면 회원가입 후 로그인 성공페이지 이동
-                var regData = { //DB에 등록 및 세션에 등록될 데이터
-                    username :  "fb_" + profile.id,
-                    password : "facebook_login",
-                    displayname : profile.displayName
-                };
-                var User = new UserModel(regData);
-                User.save(function(err){ //DB저장
-                    done(null,regData); //세션 등록
-                });
-            }else{ //있으면 DB에서 가져와서 세션등록
-                done(null,user);
-            }
-
-        });
+    function (accessToken, refreshToken, profile, done) {
+      UserModel.findOne(
+        { username: 'goo_' + profile.id },
+        function (err, user) {
+          if (!user) {
+            //없으면 회원가입 후 로그인 성공페이지 이동
+            var regData = {
+              //DB에 등록 및 세션에 등록될 데이터
+              username: 'goo_' + profile.id,
+              password: 'google_login',
+              displayname: profile.displayName,
+            };
+            var User = new UserModel(regData);
+            User.save(function (err) {
+              //DB저장
+              done(null, regData); //세션 등록
+            });
+          } else {
+            //있으면 DB에서 가져와서 세션등록
+            done(null, user);
+          }
+        }
+      );
     }
     }
-));
+  )
+);
 
 
 // http://localhost:3000/auth/facebook 접근시 facebook으로 넘길 url 작성해줌
 // http://localhost:3000/auth/facebook 접근시 facebook으로 넘길 url 작성해줌
-router.get('/facebook', passport.authenticate('facebook', { scope: 'email'}) );
-
+router.get('/google', passport.authenticate('google', { scope: ['profile'] }));
 
 
 //인증후 페이스북에서 이 주소로 리턴해줌. 상단에 적은 callbackURL과 일치
 //인증후 페이스북에서 이 주소로 리턴해줌. 상단에 적은 callbackURL과 일치
-router.get('/facebook/callback',
-    passport.authenticate('facebook', 
-        { 
-            successRedirect: '/',
-            failureRedirect: '/auth/facebook/fail' 
-        }
-    )
+router.get(
+  '/google/callback',
+  passport.authenticate('google', {
+    failureRedirect: '/auth',
+    successRedirect: '/',
+  })
 );
 );
 //로그인 성공시 이동할 주소
 //로그인 성공시 이동할 주소
-router.get('/facebook/success', function(req,res){
-    res.send(req.user);
+router.get('/google/success', function (req, res) {
+  res.send(req.user);
 });
 });
 
 
-router.get('/facebook/fail', function(req,res){
-    res.send('facebook login fail');
+router.get('/google/fail', function (req, res) {
+  res.send('google login fail');
 });
 });
 
 
-
-module.exports = router;
\ No newline at end of file
+module.exports = router;

@@ -23,8 +23,8 @@
                         <!-- Change this to a button or input when using this as a form -->
                         <!-- Change this to a button or input when using this as a form -->
                         <div class="d-grid gap-2 col-11 mx-auto p-2">
                         <div class="d-grid gap-2 col-11 mx-auto p-2">
                         <input type="submit" class="btn btn-lg btn-success btn-block" value="가입하기">
                         <input type="submit" class="btn btn-lg btn-success btn-block" value="가입하기">
-                            <a href="/auth/facebook" class="btn btn-lg btn-primary btn-block">
-                            <i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 회원가입
+                            <a href="/auth/google" class="btn btn-lg btn-danger btn-block">
+                            <i class="fa fa-google" aria-hidden="true"></i> Google 회원가입
                             </a>
                             </a>
                         </div>
                         </div>
                     </fieldset>
                     </fieldset>

@@ -22,8 +22,8 @@
                         <!-- Change this to a button or input when using this as a form -->
                         <!-- Change this to a button or input when using this as a form -->
                         <div class="d-grid gap-2 col-11 mx-auto p-2">
                         <div class="d-grid gap-2 col-11 mx-auto p-2">
                         <input type="submit" class="btn btn-lg btn-success btn-block" value="로그인">
                         <input type="submit" class="btn btn-lg btn-success btn-block" value="로그인">
-                            <a href="/auth/facebook" class="btn btn-lg btn-primary btn-block">
-                                <i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 로그인
+                            <a href="/auth/google" class="btn btn-lg btn-danger btn-block">
+                                <i class="fa fa-google" aria-hidden="true"></i> Google 로그인
                             </a>
                             </a>
                         </div>
                         </div>
                     </fieldset>
                     </fieldset>