안녕하세요.
현재 리액트로 카카오톡 공유하기를 테스트하고 있습니다.
share.sendDefault() 를 적용하고 있는데 PC버전에서는 공유하기 팝업창도 뜨고, 공유하기도 잘 됩니다.
그러나 모바일 웹(사파리, 구글)에서는 팝업창이 아예 뜨지 않습니다. 에러 메세지도 뜨지 않구요.
혹시 모바일 분기처리를 해야하나요?
확인 해 주시면 감사하겠습니다.
앱아이디는 821747 이며, 플랫폼은 localhost 등록해서 테스트하고 있습니다.
// 함수
const kakaoSharedEvent = () => {
const kakao = window.Kakao;
if (!kakao.isInitialized()) {
kakao.init(`${process.env.REACT_APP_KAKAO_KEY}`);
}
kakao.Share.sendDefault({
objectType: 'feed',
content: {
title: '딸기 치즈 케익',
description: '#케익 #딸기 #삼평동 #카페 #분위기 #소개팅',
imageUrl:
'http://k.kakaocdn.net/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png',
link: {
// [내 애플리케이션] > [플랫폼] 에서 등록한 사이트 도메인과 일치해야 함
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com',
},
},
social: {
likeCount: 286,
commentCount: 45,
sharedCount: 845,
},
buttons: [
{
title: '웹으로 보기',
link: {
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com',
},
},
{
title: '앱으로 보기',
link: {
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com',
},
},
],
});
};
// 뷰영역
<button id="kakao-shared-btn" onClick={() => kakaoSharedEvent()}>
카카오톡 공유
</button>
// index.html
<script
src="https://t1.kakaocdn.net/kakao_js_sdk/2.0.1/kakao.min.js"
integrity="sha384-eKjgHJ9+vwU/FCSUG3nV1RKFolUXLsc6nLQ2R1tD0t4YFPCvRmkcF8saIfOZNWf/"
crossorigin="anonymous"
></script>
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>