[간편회원가입] 카카오 간편 로그인 관련하여 질문드립니다

JavaScript
1

안녕하세요,

카카오 간편 회원가입 구현에 있어서 자체 서비스에서 ‘카카오로 로그인하기’ 버튼을 클릭하는 경우 카카오앱으로 연결하여 바로 로그인을 하는 것을 구현하고 싶어서 문의드립니다.

현재 개발 현황
현재 회원가입과 로그인 기능은 카카오 간편 로그인 API를 기반으로 하여 작동하는 웹 서비스를 개발하고 있습니다. 그러나 사용 중인 API는 웹에서 ‘카카오로 로그인하기’ 버튼을 클릭하는 경우, 카카오 로그인하는 웹브라우저로 넘겨주어 카카오 계정의 ID와 PW를 입력하여 로그인을 하게 됩니다. 그리고 계정정보가 일치하는 경우 자체 개발 서비스로 리다이렉팅하도록 되어 있습니다.

그러나, 이는 저희 서비스에 처음 로그인을 시도하는 사용자들 중에서 카카오의 아이디와 비밀번호를 기억하고 있지 않은 경우와 신규 유저는 아니라도 브라우저의 쿠키가 모두 삭제된 경우 다시 ID 정보와 PW정보를 입력하여 로그인을 해야 하기 때문에, 로그인을 하는 데 불편함을 겪게 됩니다.

그래서, 카카오로 로그인을 시도하는 경우 카카오 앱으로 연결하면 사용자들은 설치된 카카오 앱에 이미 로그인이 되어 있기 때문에 본인의 ID와 PW를 입력하지 않더라도 로그인이 되는 기능을 구현하고 싶습니다.
이처럼 구현하기 위해서는 어떻게 하면 되나요?

감사합니다.

2

안녕하세요.

웹서비스인가요? 현재 로그인 적용된 URL알려주시겠어요?

모바일 기기에서 카카오톡앱으로 간편 로그인하여 ID/PW입력 없이 서비스에 진입하려면
JS SDK authorize방식 카카오 로그인을 적용하시면 됩니다.

가이드 JavaScript | Kakao Developers JavaScript

3

www.1tableorder.com/index.php?1?t1
여기에 접속하셔서 하단 네비게이션바 중에서 '전체메뉴’를 제외한 다른 항목을 선택하시면 로그인 유도 창이 나옵니다.

그러면, 웹 브라우저에서 로그인을 시도하는 경우에도 javascript SDK를 사용하면 앱으로 연결하고 ID, PW를 별도 입력할 필요없이 가입이 진행되나요?

4

현재,REST-API방식 로그인을 구현한 것으로 보이고

버튼의 링크부분만 javascript SDK authorize방식으로 바꾸시면
카카오톡앱 설치된 모바일 기기에서는 “ID, PW를 별도 입력할 필요없이” 카카오톡앱으로 인증하게 됩니다.

카카오톡앱이 설치안되었거나 PC에서는 ID, PW를입력해야합니다.

참고부탁드려요.

5

그렇다면 testing.1tableroder.com 여기도 REST-API 방식으로 구현된 건가요? javascript key를 활용하여 구현을 한 웹서버입니다

6

기재해주신 주소는 제가 접근할 수가 없네요.

7

아 죄송합니다. 오타가 있었습니다.
https://testing.1tableorder.com/

8

구현하신 기능은 JS SDK를 사용하셨지만 팝업 방식 로그인입니다.

팝업방식 로그인은 일부 인앱 브라우저에서 팝업을 구현하지 않아 로그인이 작동 안할 수 있습니다.
(예, 페이스북. 인스타그램)

JS SDK authorize방식은 REST-API의 리다이렉트 URI를 그대로 활용하되
로그인 버튼 부분만 스크립트로 처리해주시면됩니다. (스크립트에서 카톡에 요청하는개념)

9

JS SDK authorize 방식이 카카오 앱으로 연결하는 방식인가요?
팝업 방식 로그인과는 다른 방법인 건가요?

10

JS SDK authorize 방식이 카카오 앱으로 연결하는 방식인가요?

네, 정확히는 모바일 기기에서 카카오톡 앱이 설치된 경우 ID/PW입력 없이 카카오톡앱으로 인증하는 방식입니다.

팝업 방식 로그인과는 다른 방법인 건가요?

네, 구동 방식이 다릅니다. 말그대로 팝업이 떠서 로그인 하게되구요.
JS SDK authorize는 리다이렉트 페이지를 직접 구성하셔야 하나
팝업내 리다이렉트 처리되어 별도 리다이렉트 페이지를 구성하지 않아도 됩니다.

다만, 모바일 기기내 기본브라우저라면 이 방식도 카카오톡 앱으로 인증하나
특정앱의 인앱브라우저에서 작동 시, ID/PW입력 해야하고

페이스북. 인스타그램내부에서는 팝업이 처리되지 않아 로그인이 되지 않습니다.

11

답변 정말 감사드립니다.

1개의 좋아요