카카오톡 공유하기 관련 iOS와 android 동작 차이에 대한 문의

JavaScript
1

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

JS SDK Version: 2.7.2
디벨로퍼스 앱ID: 테스트 앱( 837162 ), 운영 앱( 540072 )

안녕하세요.
Next.js 12.3.4 / React 18.3.1를 사용중인 프로젝트에서 카카오톡 JS SDK를 사용하여 카카오톡 공유기능을 사용하고 있습니다.
Kakao.Share.sendCustom 함수를 사용중이며 iOS에서 "카카오톡이 실행되지 않나요?"라는 페이지로 이동되는 문제로 문의드립니다.

다름이 아니고 custom button을 클릭할 경우 아무 문제없이 잘 동작하는데 useEffect 내에서 custom button 클릭 이벤트시 호출하는 함수와 같은 함수를 호출하는데 "카카오톡 실행이 되지 않나요?"라는 페이지로 이동됩니다.

iOS에서 크롬, 사파리, 네이버 인앱 테스트시 모두 같은 현상입니다.
Web과 AOS에서는 전혀 문제가 없는데 iOS에서만 이와 같은 문제가 발생하는 것에 대한 해결방법 문의드립니다.

추가적으로 iOS의 React Native 앱에서는 “카카오톡 실행이 되지 않나요?” 페이지도 아닌 about:blank 페이지로 이동된 후 동작하지 않는데 이 문제에 대한 해결방법이나 관련 문서 제공해주신다면 대단히 감사드리겠습니다.

감사합니다.

2

안녕하세요.

사용자의 이벤트(클릭, 터치)내에서만 공유하기 기능 사용 부탁드립니다.
카카오톡 공유하기는 os 및 JS SDK 버전에 따라 유니버셜 링크 또는 커스텀 스킴이 사용되며 이들 기능은 사용자의 이벤트 내에서 호출되지 않는 경우 사용하신 브라우저 또는 OS가 이를 차단합니다.

따라서 useEffect가 아닌 사용자의 이벤트 내에서 기능 사용 부탁드립니다.

JS SDK와 react native 를 함께 말씀하시는 것으로 보아 react native webview 내에서의 상황을 문의 주신 것 같습니다.
카카오톡 공유하기는 JS SDK내에서 팝업(window.open)이 사용됩니다.
RN webview에서 이를 대응하지 못하는 경우 빈 화면만 출력됩니다.

만약 RN webview를 사용하고 계시다면 보다 자세한 확인을 위해 설정한 UserAgent 값을 전달 부탁드립니다.

3

react native webview에서도 useEffect 내에서 실행할 경우 발생한 문제이므로 버튼 클릭 이벤트에 대한 문제는 없습니다.

답변 감사드립니다.