문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.
안녕하세요, 문의 드립니다
디벨로퍼스 앱 ID는 1102917 이고,
자바스크립트를 사용 중입니다.
제가 공유하기 API 기능을 사용하기 위해 작성한 코드는 아래와 같습니다. (일부 발췌)
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
<script>
Kakao.init('my-javascript-api-key');
// SDK 초기화 여부 판단
console.log(Kakao.isInitialized());
</script>
<button type="button" class="copy-button" id="kakaoButton">
<div class="background-padding">
<img
src="https://aaa.png"
alt="카카오톡 아이콘"
class="share-icon"
/>
</div>
<p class="share-button-title">카카오톡</p>
</button>
<script>
// 카카오톡 공유하기 함수
function shareKakao() {
var url = window.location.href;
Kakao.Share.sendDefault({
objectType: 'feed',
content: {
title: '제목입니다',
description: '설명입니다',
imageUrl: 'https://example.com/image.jpg',
link: {
mobileWebUrl: url, // 모바일 웹 페이지 URL
webUrl: url // 데스크탑 웹 페이지 URL
}
},
buttons: [
{
title: '웹사이트로 이동',
link: {
mobileWebUrl: url,
webUrl: url
}
}
],
// 카카오톡 미설치 시 카카오톡 설치 경로이동
installTalk: true,
});
}
// DOMContentLoaded 이벤트로 카카오 버튼 클릭 이벤트 설정
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('kakaoButton').addEventListener('click', shareKakao);
});
</script>
my-javascript-api-key에는 발급받은 자바스크립트 key를 집어넣었습니다.
내 애플리케이션 → 플랫폼 → Web의 사이트 도메인에는 localhost에 해당하는 http://127.0.0.1:8400 을 등록하여 테스트용으로 사용 중입니다만,
버튼을 누르면 아래와 같은 새 팝업이 뜨면서 진행이 되지 않습니다.
무엇이 문제일까요? 오류 코드 등이 나오면 그것을 보고 해당 페이지에 들어가서 확인해보면 될텐데, 이렇게 Failed Request라고만 뜨니 다음 스텝을 어떻게 밟아야 할 지 모르겠습니다.
모쪼록 도움 주시면 감사하겠습니다.