IT/SNS 로그인

Kakao(카카오) 로그인 자바스크립트

차가운남자 2022. 9. 13. 23:58

1. 카카오 개발자센터(https://developers.kakao.com/)에 가서 로그인 후 내 애플리케이션 이동 후 등록을 한다.

2. https://developers.kakao.com/sdk/js/kakao.js 파일을 다운로드하여 프로젝트에 import 한다.

3. 도메인을 등록하고 테스트를 위에 코드로 진행- localhost:3000 같이 도메인만 등록해도 가능 (CI값 설정을 해두면 카카오는 제공)

4. 테스트 완료 후 실제 운영에 적용하기위한 서비스 신청을 한다.

/* globals Kakao */ <<< Kakao가 전역변수로 선언되어져 있음
export function setKakao () {
  /* Kakao 값 체크 */
  if (Kakao === null) return

  /* 초기화 */
  if (!Kakao.isInitialized()) {
    /* 키값 설정 */
    Kakao.init(this.isDevHost ? dev : prod)
  }
}

export function kakaoLogin () {
  /* 
    동의항목 페이지에 있는 개인정보 보호 테이블의 활성화된 ID값을 넣습니다. (선택 또는 필수는 관리자 페이지에서 설정)
    scope: 'profile_nickname, account_email, gender, age_range, birthday' 기타 등등
  */
  Kakao.Auth.login({
    scope : 'profile_nickname, account_email', <<< 위에 내용같이 필요값 설정
    success: (response) => { // response : token 값
      
      /* 사용자 정보 가져오기 */
      Kakao.API.request({
        url: '/v2/user/me',
        success: async (res) => { // res: 사용자 정보
 
          /* 구현하고 싶은 함수 호출 */
          await snsLogin.call(this, res) <<< 예시
        }
      })
    },
    fail: function (error) {
       /* 실패시 */
    }
  })
}

'IT > SNS 로그인' 카테고리의 다른 글

네이버 로그인(네아) 자바스크립트 코드  (0) 2022.09.13