카카오 링크 SendDefault 에서 content 에서
feed type 으로 설정후 content에 imageUrl에 이미지주소를 넘겨도 카카오톡으로 보낼때 경우에 따라 이미지가 보내지지 않습니다.
- 아래 코드의 if (data.pageID == ‘startPage’){ 일때는 공유 이미지가 보임
- 아래 코드의 } else { 로 들어가게 되면 공유 이미지가 보이지 않음
브라우저 콘솔로 이미지 주소 가져오는지 확인 해 봤을때는 둘 다 문제없이 이미지를 가져오고 있습니다.
(아래 링크에서 h지워주시면 접속됩니다)
hhttps://advancer-rrs.click/static/media/%EC%A7%84%EB%8F%84%EC%A4%80_.db8fd8e0e3827366d024.jpg
- 공유하기가 되는 페이지
https://advancer-rrs.click - 공유하기가 되지 않는 페이지
재벌집 막내 테스트
아래와 같이 소스 사용하고 있습니다.
초기화 등 저희 코드의 문제인지… 카카오의 어떠한 캐시 문제인지… 궁금합니다
import React from 'react';
import Button from 'react-bootstrap/Button';
import POSTER from '../assets/poster.png';
const { Kakao } = window;
const KakaoShareBtn = ({data}) => {
const url = "https://advancer-rrs.click/";
let ShareURL, ShareDesc, ShareImg, ShareTitle;
if (data.pageID == 'startPage'){
ShareURL = url;
ShareDesc = "내가 환생한다면 재벌집 누구?";
ShareImg = "https://advancer-rrs.click" + POSTER;
ShareTitle = '테스트 하러가기';
} else {
ShareURL = url+`result/${data.data.token}`;
ShareDesc = `당신은 ${data.data.name} 입니다!`
ShareImg = "https://advancer-rrs.click" + data.data.image;
ShareTitle = '친구 결과보고 테스트 해보기';
}
React.useEffect(() => {
Kakao.cleanup();
Kakao.init("06a6a2249ead31c4d0f4ddb7a7df607e");
},[]);
const shareKakao = () => {
Kakao.Share.sendDefault({
objectType: 'feed',
content: {
title: '재벌집 막내 테스트 결과',
imageUrl: ShareImg,
link: {
mobileWebUrl: ShareURL,
webUrl: ShareURL,
},
description: ShareDesc,
},
social: {
likeCount: 2186,
sharedCount: 31088,
viewCount: 32072,
},
buttons: [
{
title: ShareTitle,
link: {
mobileWebUrl: ShareURL,
webUrl: ShareURL,
},
},
]
}); }
return (
<Button
style={{backgroundColor: 'yellow', color:'black', borderColor:'yellow'}} onClick={shareKakao}>카카오톡 공유하기</Button>
);
}
export default KakaoShareBtn;