[Rest Api] 카카오톡 로그인 api 구현 (6) - vue.js 최종 코드
·
프로젝트/Plan + tiful (플랜티플)
카카오톡 로그인 메서드 구현 kakaoLogin() { const redirect_uri = 'http://localhost:8182/kakaojoin'; const clientId = '자신의 키'; const Auth_url = `https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${clientId}&redirect_uri=${redirect_uri}`; window.location.href = Auth_url; } created 함수 적용 카카오디벨로퍼스에 미리 정해 놓은 클라이언트 측 redirect_uri 페이지를 component로 작성한다. 그 뒤 해당 페이지가 로딩되자마자 인자로 받았던 인가코드를 빼내어 카카오톡에게 ..
[Rest Api] vue와 Spring boot를 이용한 카카오톡 로그인 api 구현 (2)
·
프로젝트/Plan + tiful (플랜티플)
[동의 항목 설정] 카카오톡 로그인 서비스를 ON으로 돌리면 흔히 보는 동의 설정이 가능한 목록들이 나온다. 여기서 필요한 정보만 상태를 설정해서 가져오면 된다. 근데 우선 나는 TEST 버전이라 설정할 수 있는 내용이 딱히 많지 않았다. 그중 필요한 정보만 동의받는 걸로 설정을 해주었다. 선택한 동의 항목들이 이렇게 로그인 후 해당 웹사이트에 가입 할 때 나타난다. [인가 코드 받기] 이제 기본적인 설정은 끝이 났다! 본격적인 코드를 짜보러 가보자! 첫 번째로 인가코드 받기이다. 일단 인가코드 받는 건 너무너무 쉽다. 카카오톡 디벨로퍼스 -> 문서 -> 카카오 로그인 -> REST API에 들어가서 오른쪽 리스트 중 인가코드 받기 하기와 같은 페이지를 만날 수 있다. 여기서 필요한 건 카카오에서 친절하..
해니01_15
'카카오톡토큰받기' 태그의 글 목록