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 |
---|