간단하게 MBTI 테스트를 만들어 봤는데
공유하기 기능을 안 만들어서 만들어 보았다
먼저 아래 웹사이트 KAKAO Developers에 가입해야 한다
카카오 계정으로 가입할 수 있으니 어렵지 않은 과정이고,
Kakao Developers
카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.
developers.kakao.com
문서보고 가볍게 만들 수 있는 분들은 문서를 참고하면 되겠지만
나는 여러 블로그를 보고 완성할 수 있었다
아주 간결한 설명과 함께 코드를 올려줬던 블로그는 여기다
Cybersecurity Guide: How to send a link message using javascript in KAKAO talk.
You can send a link message using javascript API in KAKAO talk. Also you can customize the message contents.
cysecguide.blogspot.com
위의 블로그와 아래 블로그를 참고하면 훨씬 수월하게 만들 수 있다
[API] 카카오톡 공유하기 API 구현하기(1) - 공통링크 사용하기
여러 인터넷 자료들을 찾아봤지만, 자세하게 나와있는 글이 없어서 직접 기억하려고 작성하는 카카오톡 구현하기!!레퍼런스글도 읽어보고 블로그, 유튜브도 봤지만 처음부터 끝까지 설명된 부
velog.io
아래는 카톡 공유하는 기능만 간단하게 구현된 HTML 파일이다
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>카톡 공유</title>
</head>
<script type="text/JavaScript" src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript">
function sendLinkCustom() {
Kakao.init("개인 자바스크립트 키");
Kakao.Link.sendCustom({
templateId: [템플릿아이디]
});
}
</script>
<script>
try {
function sendLinkDefault() {
Kakao.init("d6e3dab46dbeaca72f3e9c546a25432a");
Kakao.Link.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',
},
},
],
})
}
; window.kakaoDemoCallback && window.kakaoDemoCallback() }
catch(e) { window.kakaoDemoException && window.kakaoDemoException(e) }
</script>
<body>
<input type="button" onClick="sendLinkCustom();" value="Custom"/>
<input type="button" onClick="sendLinkDefault();" value="Default"/>
</body>
</html>나의 경우는 sendLinkCustom() 은 실행되지 않았으나... sendLinkDefault로 공유 기능 완성...!
아래는 아주 귀여운 MBTI인데, 간단하게 핵심 기능만 구현을 했고
시간 날 때마다 오늘처럼 작게 작게 기능을 추가할까 싶다
Disney Princess Type
백설공주, 애플 , 뉴턴 빨갛다, 과일, 맛있다
jade-pavlova-0b8af6.netlify.app
