06/09 카페24 node.js 서버 카카오 로그인

1. 브라우저에서 url로 이동

카페24에서 호스팅중인 서버의 도메인으로 이동

 

2. 카카오 로그인 화면으로 이동

카카오 로그인중일경우 3. 로 이동

 

3. 카카오 계정으로 로그인

이미 카카오 계정으로 동의하고 계속하기를 눌렀을 시 4. 로 이동

 

4. 로그인 성공

 

 

node.js 서버 코드

web.js

const passport = require('passport')
const express = require('express')
const KakaoStrategy = require('passport-kakao').Strategy


// passport 에 Kakao Oauth 추가
passport.use(
  new KakaoStrategy(
    {
      clientID: '',    //앱 키 작성
      clientSecret: '',
      callbackURL: '',    //callbackurl 작성
    },
    function (accessToken, refreshToken, params, profile, done) {
      // authorization 에 성공했을때의 액션
      console.log(`accessToken : ${accessToken}`)
      console.log(`사용자 profile: ${JSON.stringify(profile._json)}`)

      save(accessToken, refreshToken, profile)
      return done(null, profile._json)
    }
  )
)
passport.serializeUser(function (user, done) {
  done(null, user)
})
passport.deserializeUser(function (obj, done) {
  done(null, obj)
})

// express 앱 설정
var app = express()
app.use(passport.initialize())
app.get('/', (req, res) => {
  res.redirect('/login')
})
app.get('/login', passport.authenticate('kakao', { state : 200}))
app.get('/oauth', passport.authenticate('kakao'), function (req, res) {
  // 로그인 시작시 state 값을 받을 수 있음
  res.send('state :' + req.query.state)
})
app.listen(8002, () => {
  console.log('> server start! ')
})

// 사용자 구현 부분
function save(accessToken, refreshToken, profile) {
  //save 로직 구현
  console.log(profile)

}