카카오톡 앱내 간편인증(카카오)시 페이지 유실되는 건

안녕하세요.
카카오인증 관련하여 문의드립니다.
UMS라는 기능을 통해 카카오메시지, 문자메시지(SMS) 등을 메시지를 날려주는 기능이 쓰고 있는데, 카카오톡으로 url 및 컨텐츠(글 내용)를 보내면, 카카오톡 메시지에서 url를 호출하여 카카오톡 앱안에서 페이지가 뜹니다. 그 상태에서 앱 내에서 뜬 url 페이지 안에서 카카오인증을 하게되면 기존(카카오앱내에 있는 url 호출 페이지) 페이지가 유실되는 현상으로 문의하였습니다. 이 때 기존 신청서 url이 유실되지 않는 방법에 대해서 카카오에서 지원이 되는지 자문을 구합니다.

인증 플로우 : URL을 카카오톡 메시지 안에서 호출하고, 카카오톡 앱내에서 카카오 인증시, 기존 페이지 유실. URL 클릭 → 상단 가운데 건설공제조합 로그 클릭 → 간편인증 클릭 → 카카오톡 인증서 클릭 후 인증 → 인증시 카카오톡 지갑으로 인증완료 → 기존 페이지 유실

감사합니다.

안녕하세요.

카카오톡 내 인앱브라우저에서 띄운 화면이 이후 액션에 의해 페이지 변경되는 부분을 유실이라고 표현하신 것 같습니다.

정확한 상황 파악을 위해 문제되는 부분에 대한 영상 첨부 가능하실까요?

네 맞습니다.
접근 가능한 URL 전달 드리겠습니다.
URL : https://ndevmobile.cgbest.co.kr:9443/mbmbMain.jsp
테스트 방법 및 현상 : 이 URL을 카카오톡 메시지 안에서 호출하고, 카카오톡 앱내에서 카카오 인증시, 기존 페이지 유실. URL 클릭 → 상단 가운데 건설공제조합 로그 클릭 → 간편인증 클릭 → 카카오톡 인증서 클릭 후 인증 → 인증시 카카오톡 지갑으로 인증완료 → 기존 페이지 유실

(1) https://ndevmobile.cgbest.co.kr:9443/mbmbMain.jsp 페이지를 카카오톡 인앱브라우저로 띄우고,
(2) 카카오톡 앱내에서 카카오 인증시,
→ 이내용이 어떤 것을 의미하는 건가요?

인앱브라우저에서 띄운 페이지에서 로그인해야하는건가요?

증적하여 한번 보내드리겠습니다!
인앱 브라우저 화면
샘플화면(간편인증 클릭)
카카오 간편인증 시도
인증요청화면 및 카카오톡 지갑 열리면, 기존 페이지 유실

샘플 페이지이긴한데, 추후에는 이런식으로 사용 예정입니다.
추후에 실제 사용할 url 및 메시지정보
카카오톡 메시지를 받음 → 카카오 인앱에서 url 페이지 호출 → 간편인증 시도 → 카카오톡 지갑이 열리면서 기존 url 호출 페이지 유실

감사합니다.

내용 첨부 감사합니다.
기재해주신 일련의 기능들은 디벨로퍼스에서 제공하는 기능들이 아니라 정확한 안내는 어려운점 양해부탁드립니다.


인앱브라우저에서 띄운 페이지가 이후, 인증 링크 접속으로 페이지 이동되어 서비스 Flow가 훼손되는 상황으로 이해했습니다.

기재하신 지갑인증은 아니지만,
과거 유사 사례에서 인증링크를 카카오톡 메시지 대신 SMS로 발송하여 해결한 케이스가 있는데요.
혹시, 인증 메시지를 SMS발송으로 대체하여 테스트 한번해보시겠어요?

고객사에서 SMS발송, 카카오메시지 발송 두 가지 케이스 이용 예정인데,

SMS 메시지 발송하여 메시지 안에서 url 호출 후 카카오(간편인증) 처리는 문제되지 않습니다.

카카오 메시지 안에서는 기존 페이지가 유실되지 않는 방법이 따로 없을까요…!?

카카오 메시지에서는 해결 방안이 다른 브라우져로 열기 이외에는 방법이 없을까요…?
KakaoTalk_20221220_102218137

답변 주셔서 감사합니다.

위에 캡쳐해주신 카카오톡 메시지로 전달된 인증 URL을 보니
제공하시는 서비스측 URL로 보이는데요.

인증 URL뒤에 Continue URL을 파라메터로 붙여, 인증 후, 원래 페이지로 되돌려 보내는것은 가능할까요?

다시 질문드리면,
인앱 브라우저에서 카카오 인증 요청 시
카카오 톡이 다시 열리며, 인증을 진행하게 됩니다.

인증완료 이후 카카오톡이 종료되면, 인앱브라우저가 종료되어있고,
이후 로직을 이어서 진행할수 없는 상태입니다.

업무단 로직에서 원래페이지로 돌려보내는것이 아닌,
카카오톡에서 인앱 브라우저 자체를 없애버리는것으로,

해당 문제에 대하여 대응방안이 있는지 확인 부탁드리겠습니다.

감사합니다.

직전 프로젝트에서 문제가 돼서 궁금한 내용이었는데, 명확한 답변이 달리면 좋겠네요! ㅜㅜ

@btw5189


이 링크를 선택하면 기존에 인앱브라우저에서 떠있던 https://ndevmobile.cgbest.co.kr:9443/mbmbMain.jsp 페이지대신 해당 링크를 인앱브라우저로 로딩하게되어 기존 Flow에서 벗어 나는 상황으로 이해 했는데요.

인증완료 이후 카카오톡이 종료되면, 인앱브라우저가 종료되어있고,

카카오톡 메시지로 도착한 링크를 선택해서 인앱브라우저로 실행했는데 카카오톡이 종료된다는 것은 해당 페이지에서 처리한듯한데요. 해당 인증 URL구현은 직접하신건가요?

예를들어,
(1) https://developers.kakao.com/ 사이트를 인앱브라우저로 띄우고
(2) 다른사람이 나에게 https://devtalk.kakao.com/ 주소를 메시지로 보내면
(3) 해당 메시지를 선택해서 https://devtalk.kakao.com/가 인앱브라우저에서 뜰뿐 카톡이 종료되지 않습니다.

즉,
(1) https://ndevmobile.cgbest.co.kr:9443/mbmbMain.jsp 페이지를 인앱브라우저에서 띄우고
(2) 해당 사이트에서 인증 카카오톡 메시지를 발송할때 인증후 리다이렉트할 URL을 링크에 함께 보내면
(3) 인증 메시지를 수신받고 인증메시시 선택하여 인증 후, 리다이렉트만 하면 될 것 같긴합니다만


카카오 인앱에서 url 페이지 호출 → 간편인증 시도 → 카카오톡 지갑이 열리면서 기존 url 호출 페이지 유실

이부분 처리를 제가 확인 할 수 없어서 같이 고민 해보기에 한계가 있네요.

카카오톡으로 인증 URL 발송내역 캡쳐 이후 Flow도 캡쳐 해주시겠어요?

@ryan_park
안녕하세요. 저는 데브톡에서 디벨로퍼스 관련 설정과 API, SDK를 안내하는터라

카카오톡의 기능인 인앱브라우저기능과 카카오톡 지갑인증 등.
디벨로퍼스에서 제공하지 않는 기능에 대해 명확한 답변을 해드릴 수 없습니다.

디벨로퍼스에서 제공하는 기능들도 카카오톡과 인앱브라우저를 활용하는 기능이 있어서
문제 상황에 대해 같이 고민해보고 해결방안이 있을지 찾아 보는 도움은 드릴 수 있지만,

근본적으로 기능의 변경이 필요한경우 사용하시는 기능 고객센터에 개선.제안 하셔야합니다.

어떤 문제가 있으셨는지 구체적으로 기재해주시면 확인해보도록 하겠습니다.

답변 감사합니다.

카카오 인앱에서 url 페이지 호출 → 간편인증 시도 → 카카오톡 지갑이 열리면서 기존 url 호출 페이지 유실

이 부분 처리를 제가 확인 할 수 없어서 같이 고민 해보기에 한계가 있네요.

동영상 첨부하여 한번 보내드리겠습니다.

https://drive.google.com/file/d/1axItPHlS3kWhp3Kx6V7UX1QyiX1kUpF2/view?usp=share_link

동영상 마지막 부분에서 카카오톡 지갑에서 뒤로가기하게되면, 기존 페이지가 유실되는 현상입니다.

확인 부탁 드리겠습니다.

.

@btw5189 확인 감사합니다.

인앱브라우저와 카카오톡 메시지간의 인터랙션상 발생하는 문제가 아니라
카카오톡 지갑인증과, 기존에 떠있는 카카오톡 인앱브라우저간의 인터렉션으로 발생하는 문제로 보이네요.

개발 Flow조정으로는 힘들어보입니다. 영상 없이 상황 이해하기 쉽지 않아보이네요,
상황 정리해서 관련 부서들에 문의 후 피드백 오는데로 공유드리겠습니다.

답변 감사합니다.

피드백 오면 공유부탁드리겠습니다.

감사합니다!

@btw5189

인앱 브라우저 관련 부서에서 다음과 같이 답변 주셨습니다.

(1) 아이폰의 경우
메시지 알림이 왔을 때 그걸 눌러서 지갑 채널방으로 진입하는 경우 우측 화면 중앙에 인앱브라우저가 접힌 상태로 표시됩니다. 그걸 누르면 원래의 인앱브라우저를 복구할 수 있습니다.
image

(2) 안드로이드폰의 경우
image

안드로이드도 보고 있는 인앱 브라우저의 우상단의 화살표를 클릭하면 화면이 접히고 플로팅 메뉴가 생성됩니다.
해당 플로팅 메뉴는 특정 대화방에 종속하지 않기에
이후 다른 방으로 진입한 이후에 해당 플로팅 메뉴를 다시 클릭하면 인앱 화면이 열립니다.

추가로 안드로이드는
설정 > 전체설정 > 실험실 > 인앱브라우저 앱 화면 분리 메뉴를 ON으로 하면
인앱 브라우저 화면을 접지 않고도 분리된 화면 사용이 가능합니다.


인앱브라우저 플로팅 메뉴로 페이지 유실되는 것을 막을 수 있다고 안내 받았습니다만,
기본 기능외 추가적으로 개선 요청하고자 하시면,

카카오톡 고객센터에 문의하기에 “개선.제안” 카테고리로 내용 남겨주세요.

카카오톡 - 일반 | kakao 고객센터

확인 부탁드립니다.

친절한 답변 감사합니다!

새해 복 많이 받으십시오!

1개의 좋아요