[social login]google social login test

[hi-hyein]

passport-google-oauth20 모듈을 사용하여 직접 구현하여 테스트 하면서 분석,설계 문서 업데이트

[hi-hyein]

Request data

회원가입/로그인 진행 후 전략을 실행하여 인증에 성공했을 때 받아오는 profile object

 {
   id: 'number',
   displayName: '정혜인',
   name: { familyName: '정', givenName: '혜인' },
   emails: [ { value: 'address', verified: true } ],
   photos: [
     {
       value: 'https://lh3.googleusercontent.com/-laUJEz72MSk/AAAAAAAAAAI/AAAAAAAAAAA/AMZuuclQJfLoKb7UWxIOHQUMDq7PQVdcRA/photo.jpg'
     }
   ],
   provider: 'google',
   _raw: '{\n' +
     '  "sub": "number",\n' +
     '  "name": "정혜인",\n' +
     '  "given_name": "혜인",\n' +
     '  "family_name": "정",\n' +
     '  "picture": "https://lh3.googleusercontent.com/-laUJEz72MSk/AAAAAAAAAAI/AAAAAAAAAAA/AMZuuclQJfLoKb7UWxIOHQUMDq7PQVdcRA/photo.jpg",\n' +
     '  "email": "address",\n' +
     '  "email_verified": true,\n' +
     '  "locale": "ko"\n' +
     '}',
   _json: {
     sub: 'number',
     name: '정혜인',
     given_name: '혜인',
     family_name: '정',
     picture: 'https://lh3.googleusercontent.com/-laUJEz72MSk/AAAAAAAAAAI/AAAAAAAAAAA/AMZuuclQJfLoKb7UWxIOHQUMDq7PQVdcRA/photo.jpg',
     email: 'address',
     email_verified: true,
     locale: 'ko'
   }
 }

사용자가 구글 로그인에 성공했을 때 /google/callback 으로 받는 request (관련있는 부분만 추림)

query: {
  code: 'number',
  scope: 'email profile https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email openid',
  authuser: '0',
  prompt: 'consent'
},

• Code: 인증완료된 사용자에게 주어지는 고유 code
• Scope: 요청받을 사용자 정보(개발자가 셋팅)
• authuser: ?
• prompt: 사용자에게 정보를 받을 수 있도록 허락받는 것(개발자가 셋팅)

  _passport: {
  instance: Authenticator {
  _key: 'passport',
  _strategies: [Object],
  _serializers: [Array],
  _deserializers: [Array],
  _infoTransformers: [],
  _framework: [Object],
  _userProperty: 'user',
  _sm: [SessionManager],
  Authenticator: [Function: Authenticator],
  Passport: [Function: Authenticator],
  Strategy: [Function],
  strategies: [Object]
  }
  },

  user: {
  id: 'number',
  displayName: '정혜인',
  name: { familyName: '정', givenName: '혜인' },
  emails: [ [Object] ],
  photos: [ [Object] ],
  provider: 'google',
  _raw: '{\n' +
  '  "sub": "number",\n' +
  '  "name": "정혜인",\n' +
  '  "given_name": "혜인",\n' +
  '  "family_name": "정",\n' +
  '  "picture": "https://lh3.googleusercontent.com/-laUJEz72MSk/AAAAAAAAAAI/AAAAAAAAAAA/AMZuuclQJfLoKb7UWxIOHQUMDq7PQVdcRA/photo.jpg",\n' +
  '  "email": "address",\n' +
  '  "email_verified": true,\n' +
  '  "locale": "ko"\n' +
  '}',
  _json: {
  sub: 'number',
  name: '정혜인',
  given_name: '혜인',
  family_name: '정',
  picture: 'https://lh3.googleusercontent.com/-laUJEz72MSk/AAAAAAAAAAI/AAAAAAAAAAA/AMZuuclQJfLoKb7UWxIOHQUMDq7PQVdcRA/photo.jpg',
  email: 'address',
  email_verified: true,
  locale: 'ko'
  }
  },
  authInfo: {}

[hi-hyein]

로그인 & 회원가입

• 인증을 받아온 후 serializeUser, deserializeUser 실행 전 구글 전략(GoogleStrategy) 로직에서 /user/exists/email/:useremail api 로 이메일 여부 확인
• 이메일 여부 확인은 profile이 있을 경우 진행한다. (profile !== undefined)
• profile이 없다면 failureRedirect에 설정해둔 페이지로 이동한다(로그인&회원가입 실패시 처리 페이지)
• 이메일 중복 여부 확인해주는 api의 함수 existUserEmail는 소셜계정에 대한 처리가 추가되어야 한다.
• 같은 이메일 주소를 갖고있는 rows(array)를 가져와 params로 받은 snsName로 filtering하여 조건에 해당되는 배열을 return 한다.
• 해당 배열의 length가 0 보다 크면 중복이 있기때문에 true return
• true = 계정 있음 , false = 계정 없음
• 가입이 가능한 경우 (false return)
• 1. rows가 없는 경우
• 2. snsName과 일치하는 배열이 없는 경우

     이메일 중복 여부 URL:  /user/exists/email/:useremail
     return type : boolean

• 이메일 중복 여부가 true(있음) : 로그인 처리
• 이메일 중복 여부가 false(없음) : 회원가입 처리

회원가입

• 회원가입시 필요한 profile 정보 :
  • 사용된 소셜 서비스 : profile.provider
  • 이름 : profile._json.name
  • 이메일 주소: profile._json. email
• 이메일과(profile._json.email), 서비스이름(profile.provider)를 parameter로 설정하여 이메일 중복체크를 한다.
  • 회원가입시 필요한 profile 정보를 인자로 담아 /user/join(회원가입 api)를 요청한다.
  • /user/join에 소셜계정으로 가입할 경우의 로직이 추가로 필요하다.
  • 회원등록이 되면 소셜 계정으로 회원가입 되었다는 메일을 보낸다(회원등록이 되면 바로 로그인이 되기 때문에 회원가입에 대한 안내가 필요할 것 같다.)
  • 로그인처리

넘어가는 정보들은 객체로 묵어 post로 보내는 것으로 수정할 것

[hi-hyein]

271 이어서 진행