카카오톡 공유하기 API를 사용해 메세지를 공유하려고 합니다.
웹, 모바일 사파리/크롬 모두 공유하기가 가능한데 모바일 카카오톡 인앱 내에서는 공유하기가 되지 않습니다.
-
React index.html head 내에 아래와 같이 스크립트 삽입했습니다.
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script> -
모바일 카카오톡 인앱에서는 카카오 없음만 뜨고 카카오 있음이 뜨지 않습니다…
const handleKaTalkShare = async () => {
alert('카카오 없음');
if (window.Kakao) {
alert('카카오 있음');
const Kakao = window.Kakao;
const kakaoAPI = import.meta.env.VITE_KAKAOTALK_APP_KEY;
if (!Kakao.isInitialized()) {
await new Promise(resolve => Kakao.init(kakaoAPI, resolve));
}
Kakao.Link.sendDefault({
objectType: 'feed',
content: {
title: `${resultData[testResult]?.title}`,
description: '이세계에서의 직업을 확인해보세요!',
imageUrl: `${import.meta.env.VITE_WEBSITE_URL}${resultData[testResult]?.src}`,
link: {
mobileWebUrl: window.location.href,
webUrl: window.location.href,
},
},
buttons: [
{
title: '직업 확인하기',
link: {
mobileWebUrl: window.location.href,
webUrl: window.location.href,
},
},
],
});
}
};
앱 ID 1034441
SDK 버전 1.43.1 입니다
카카오톡 인앱 브라우저에서는 동작하지 않는 이유가 있을까요?
똑같이 개발한 다른 애플리케이션에서는 카카오톡 인앱 브라우저에서도 공유하기가 가능해서 글 남깁니다 ㅠㅠ