자바스크립트 카카오 로그인과 관련하여 문의드립니다.
현재 vuejs로 개발이 되었으며,
카카오 로그인은 자바스크립트 로그인 예제를 통해 개발되었습니다.
(예제 URL: https://developers.kakao.com/docs/js/kakaologin#예제-커스톰-로그인-버튼을-이용한-카카오-로그인)
작동 증상은
카카오로그인 버튼 클릭시 로그인 화면이 뜨나,
로그인창에서 로그인을 하지 않고 닫기 버튼을 누르면 fail 함수가 실행되지 않습니다.
[예시 케이스1]
환경: PC웹
- 카카오 로그인 버튼 클릭
- 아이디 패스워드 입력 UI가 뜬다.
- 아이디 패스워드를 입력하지 않은상태에서 닫기를 누른다.
- fail함수가 호출되지 않는다.
[예시 케이스2]
환경: 모바일웹
- 카카오 로그인 버튼 클릭
- (카카오톡은 설치 후 카카오톡 인증을 하지 않은 유저) 카카오톡 실행 후 유저 회원가입 UI가 뜬다.
- 회원가입은 완료하지 않고 앱을 종료한다.
- fail함수가 호출되지 않는다.
내용 확인 부탁드립니다.
vuejs 코드
methods: {
// 카카오 로그인 버튼 클릭시 실행 함수
async handleLogin() {
try {
// 카카오 로그인
const loginInfo = await this.logicUserLogin();
console.log(loginInfo);
// 카카오 로그인 완료 후 다음 스텝 진행
…
} catch (err) {
this.alert(err);
}
},
// 카카오 로그인
logicUserLogin() {
return new Promise((resolve, reject) => {
window.Kakao.Auth.login({
success: function(authObj) {
resolve(authObj);
},
fail: function(err) {
reject(err);
}
});
});
}
}