안녕하세요 TriplexLab입니다 :) 오늘은 JavaScript로 카카오 로그인하는 모습을 보여 드리겠습니다. 🎯카카오톡 로그인 API 실행 결과카카오톡 로그인 API 실행 결과먼저 하단에 카카오 개발자 사이트를 방문하셔서 로그인을 해줍니다. Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 로그인 후 > 내 애플리케이션 탭을 클릭합니다. 애플리케이션 탭그리고 애플리케이션 추가하기 버튼을 클릭합니다. 그럼 다음과 같은 페이지로 이동합니다. 각종 api 키 확인요약 정보 탭에서 앱키라는 영역에 각각의 해당 키들이 발급된 것을 확인할 수 있습니다. 🎯플랫폼 등록저는 web에 적용할것이기 때문에 web 플랫폼 등록 버튼을 클릭합니다. 플랫폼 등록그럼 다음과 같은 팝업이 나옵니다. 저장 버튼을 클릭하면 다음과 같은 화면이 나옵니다. 그럼 다음과 같은 화면이 나옵니다. 다음과 같은 팝업이 나옵니다. 그리고 저장 버튼을 누르면 다음과 같이 장상적으로 등록된 모습을 확인할 수 있습니다. 리다이렉트 주소 등록 완료🎯동의 항목동의 항목 메뉴를 클릭하면 개인정보 보호라는 필드들이 보입니다. 저 같은 경우에는 프로필, 카카오 계정만 받아보겠습니다. 프로필 정보(닉네임/프로필 사진)카카오계정(이메일)다음과 같이 2개의 필드만 활성화했습니다. 🎯카카오톡 로그인 API의 코드이제 이상태에서 개발을 해보도록 하겠습니다. 카카오톡 개발 문서는 여기를 참고해주세요 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 다음 코드는 카카오톡 개발 문서를 참고하여 로그인을 구현해놓은 코드입니다.
🎯카카오톡 로그아웃
🎯카카오톡 회원 탈퇴(연결 끊기)
🎯파일 공유해당 내용 github로 공유합니다. 👍👍👏👏🎉🎉 GitHub - younhoso/younhoso Contribute to younhoso/younhoso development by creating an account on GitHub. github.com |