안녕하세요.
카카오톡 공유하기 관련 문의드리겠습니다.
React+ts 를 사용하여 카카오 공유하기를 예제에 나와 있는 내용을 참고하여 구성하였습니다.
구성한 공유하기 기능이 웹에서는 정상 동작 하지만 안드로이드 기기에서 확인해 봤을때는 아무런 반응을 안합니다.
어떤 부분이 문제가 되는 걸까요??
테스트 코드 올리겠습니다.
import React from "react";
import "./App.css";
import KakaoSVG from "./assets/svg_kakao.svg";
const { Kakao } = window;
function App() {
const url = document.URL;
React.useEffect(() => {
if (!Kakao.isInitialized()) {
Kakao.init(process.env.REACT_APP_KAKAO_KEY);
}
}, []);
const kakaoShare = () => {
console.log("kakao.isInitialized() : ", Kakao.isInitialized());
console.log(url);
Kakao.Share.createDefaultButton({
container: "#kakao-link-btn",
objectType: "feed",
content: {
title: "test",
description: "내용",
imageUrl:
"https://k.kakaocdn.net/14/dn/btrjLxLjDDM/rIU0DYblVkzQRKl7SaiKN1/o.jpg",
link: {
mobileWebUrl: window.location.href,
webUrl: window.location.href,
},
},
social: {
likeCount: 286,
commentCount: 45,
sharedCount: 845,
},
buttons: [
{
title: "웹으로 보기",
link: {
webUrl: window.location.href,
},
},
],
});
};
return (
<div className="App">
<a id="kakao-link-btn" onClick={kakaoShare}>
<img src={KakaoSVG} />
</a>
</div>
);
}
export default App;