아임웹 카카오톡 소셜 로그인 연결 방법

저번에는 네이버 아이디로 소셜 로그인 설정하는 방법에 대해 알려드렸습니다.

이번에는 카카오톡 소셜 로그인 연결 방법에 대해 알려드리겠습니다.

카카오 로그인은 REST API키랑 네이티브 앱 키가 필요합니다.

우선, 카카오 디벨로퍼로 접속을 해주세요.

로그인을 하신 후 [시작하기] 버튼을 눌러주시면 됩니다.

여기도 애플리케이션을 만들어주어야 해요. [애플리케이션 추가하기]를 눌러주세요.

네이버 때랑도 비슷한 걸 했었죠? 카카오톡 로그인을 했을 때 내가 어느 회사 또는 사이트에 로그인을 하는지에 대한 아주아주 간략한 정보가 보이는 곳입니다.

앱 아이콘 이미지 사이즈에 맞게 만드셔서 업로드 해주시고, 앱 이름, 회사 이름에는 회사 이름 또는 사이트 이름을 적어주시면 됩니다.

모두 입력하셨으면 [저장]을 눌러주세요.

그럼 아까 그 화면에서 아래에 방금 내가 만든 이미지와 이름이 떠 있는 것을 확인할 수 있습니다. 방금 만들 것을 눌러주세요.

그럼 이러한 화면이 뜨는데, 여기서 우리가 필요한 '네이티브 앱 키'와 'REST API 키'를 확인할 수 있습니다. 이것들을 복사해서 아임웹 소셜 로그인 중 카카오 로그인 각 부분에 붙여 넣기 해주세요.

이거 입력한다고 끝은 아니기 때문에 아래 부분들을 따라하셔야 합니다.

왼쪽 메뉴에서 [동의항목] 메뉴를 클릭해주세요.

순서대로 쭉 진행을 하면 되는데요. [개인정보 보호 항목]에서 프로필 정보 맨 오른쪽에 [설정] 버튼을 눌러주세요.

저는 회원가입시 이용할 것이기 때문에 '회원가입 시 사용'이라고 적었습니다. 모두 작성했으면 [저장]을 눌러주세요.

그럼 이렇게 나옵니다. 저는 다른 것들은 설정을 하지 않았지만 설정을 원하실 경우 옆에 설정 버튼을 눌러서 설정하실 수 있습니다.

그다음은 왼쪽 메뉴에서 [카카오 로그인] 메뉴를 클릭해주세요.

아마 활성화 설정 상태가 OFF일 텐데 이걸 클릭해서 카카오 로그인을 활성화할 거냐는 말에 저장을 누르시고 ON으로 바꿔주세요.

다음은 [플랫폼]으로 가주세요.

안드로이드, iOS아래에 Web이 있습니다. [Web 플랫폼 등록]을 눌러주세요.

여기에 대표 도메인을 입력해주시면 됩니다. 입력 후에는 [저장]을 눌러주세요.

여기에 사이트 도메인이 입력된 것을 확인하셨으면 끝난 것입니다.

아까 입력을 했겠지만, 안하셨다면 입력해주시면 됩니다. 그리고 [카카오 로그인 사용] 체크하고 저장하는 것 잊지 마세요.

저장까지 완료하고 나면 회원가입과 로그인에 카카오 로그인이 나온 것을 확인하실 수 있습니다.

여기까지 아임웹 카카오톡 소셜 로그인 연결 방법입니다. 네이버보다는 쉽지 않나요?

사람들이 가장 많이 로그인 하는 것이 네이버와 카카오톡이기 때문에 이 2개만 설치하셔도 됩니다. 그렇지만 저는 남은 페이스북과 구글 설치하는 방법을 다음 시간에 알려드리겠습니다!!

더 아이티 로그