카카오톡 공유하기 에러 문의

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.


안녕하세요.
SDK 버전과 디벨로퍼스 앱 ID를 어디서 봐야할지 몰라 작성하지 못했습니다.
어디서 보는건지 말씀주시면 작성하겠습니다.

지금 회사 내부 특정 플랫폼에 페이지를 만들고 거기에 카카오톡 공유하기 기능을 추가하였습니다.
현재 이것저것 수정하고하다 보니 PC에서는 공유하기 버튼 클릭하면 친구들 리스트 팝업이 잘 나옵니다.

다만, 크롬 개발자도구에서 모바일 환경으로 변경하거나 실제 모바일 환경에서는 공유하기 버튼을 누르면 에러가 나오니다.

에러코드 : 4002
UUID : ea73f754-ff64-40c3-b8e5-73892724750c

이게 이번에 회사 정책상 IIS CSP설정을 했는데 그 문제인지는 모르겠습니다.

혹시 문제해결이 가능할까요? 부탁드립니다.

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.


앱ID
https://developers.kakao.com/ 의 내 애플리케이션에 표시되는 ID 값 입니다.
숫자로된 ID 입니다
ex) 123456

안녕하세요.

모바일에서는 웹공유 기능이 아닌 카카오톡을 호출해 공유하도록 되어 있습니다.

그래서 PC 크롬에서 모바일 모드로 테스트하면,

(1) iOS에서는 유니버셜링크가 카카오톡 설치 의사를 묻는 화면을 띄우고
(2) android에서는 intent 스킴을 호출 할 수 없어서 콘솔 에러가 발생합니다.

정상적인 모바일 테스트를 위해 애뮬레이터나 실제 기기에서 하는 것이 좋습니다.


SDK 버전은 소스코드내 SDK import 구문으로 알 수 있고, 크롬 개발자모드 콘솔에서 Kakao 객체 접근 가능한 경우 확인 할 수 있습니다.

어떻게 import 하셨는지 공유해주시겠어요?

안녕하세요

앱 ID : 536240 입니다.

제가 잘못 말씀드린거 같은데 모바일이 앱이 아닌 모바일에서의 웹 페이지입니다.
PC에서 저희가 만든 웹페이지에서는 공유하기 클릭 시 팝업으로 공유할 대상자가 잘 나오지만
모바일 웹 페이지에서는 위에 말씀드렸던 에러코드가 나옵니다.

제 핸드폰으로 웹페이지 접속해서 공유하기 버튼 클릭 시 나온 에러코드입니다.

지금 다시 했는데 아래 내용의 에러코드와 UUID가 나옵니다.
에러코드 : 4002
UUID : fcc2ca1f-7893-4ff9-8760-3d082ee00315
SDK는 2.7.4 인거 같습니다.

감사합니다.

네, 모바일 웹페이지에서도 동일하게 카카오톡 앱을 실행해 친구선택하고 공유하게됩니다.

재현가능한 URL 알려주시겠어요?

구현하신 코드블럭도 공유해주시면 원인 체크 해보겠습니다.

혹시, 사용자 액션 없이 공유하기 실행되도록 하거나 비동기 함수로 공유하기 호출 하시는지도 확인 부탁드려요.

안녕하세요 답변 감사합니다.

테스트 중인 URL입니다.
https://mkt.metlife.co.kr/webApp/APP1541?evt_id=%40WVhq%2BPqcP1aLthXHrulD7w%3D%3D

지금 친구에게 소개하기 - 개인정보 동의 - 카카오톡 버튼 클릭

테스트 중에 IIS에 설정되어있는 CSP설정을 모두 지우고 하니 모바일에서도 잘 작동이 되었습니다.
다른 사유로 인해 CSP설정을 뺄수는 없는데 이런 경우 CSP에 카카오 어떤 정보를 추가하면 될까요…?

감사합니다.

*.kakao.com 

위와 같이 카카오 도메인 전체 허용하시거나 오류 발생하는 아래 주소 허용해주시면 좋을 것 같습니다.

sharer.kakao.com

안녕하세요.

답변 감사합니다. 말씀해주신대로 설정해보고 테스트 해보겠습니다.

감사합니다.

안녕하세요
금일 CSP에 제안해주신 두 개 도메인 추가하여 테스트 하였으나 여전히 PC에서는 잘 되오나 모바일에서는 되지 않습니다.


첨부한 이미지처럼 에러가 확인되는데 죄송하지만…가이드 주실 수 있으실까요…?

감사합니다.

재현 테스트 가능한 URL 제공 하실 수 있을까요?

(1) 모바일 테스트를 혹시, PC 크롬 모바일 모드에서 진행하셨다면 카카오톡 앱 스킴 호출 불가하여 에러 발생하는게 정상인데요.

첨부하신 캡쳐 화면은 어떤 연관 관계가 있는지 확인이 어렵네요.

안녕하세요
테스트 가능한 URL 입니다.
https://ac.metlife.co.kr/webApp/APP1541?evt_id=%40WVhq%2BPqcP1aLthXHrulD7w%3D%3D#

들어가셔서 “지금 친구에게 소개하기” 클릭하시고 정보동의 후 카카오톡 버튼 누르시면 됩니다.
모바일에서는 작동하지 않습니다.ㅠㅠ

도움 부탁드립니다.

감사합니다.

여전히 CSP 에러 발생하고 있어서 헤더를 보니 *.kakao.com 허용이 안되어 있는 것으로 보이는데요.

설정 확인 부탁드려요.

안녕하세요 확인 감사합니다.

지난번에 말씀을 해주셔서 CSP에 *.kakao.com 을 추가했었습니다.
다만, 추가 후 테스트를 진행했으나 동일하게 공유하기 클릭 시 에러가 나와서 어쩔수없이 롤백을 시킨 상태입니다.
CSP에 *.kakao.com 추가하는것 외에 다른 확인해야할 사항이 있을까요…?

감사합니다.

캡쳐한 위 에러에는 CSP 설정만 원인입니다.
추가하시고 확인부탁드려요~ 저도 추가된 후, 재현 테스트 해보겠습니다.