내 애플리케이션 > 앱 설정 > 앱키
JavaScript 키 복사
내 애플리케이션 > 앱 설정 > 플랫폼
Web
사이트 도메인
http://localhost:8000
https://miero.tistory.com
http://127.0.0.1:5500
이렇게 3개 설정
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>카카오톡 메시지 보내기</title>
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script>
// 1. 여기에 본인의 JavaScript 키 입력
Kakao.init('JavaScript 키 입력');
function sendKakaoMessage() {
Kakao.Share.sendDefault({
objectType: 'feed',
content: {
title: '🎉 판다스 공부하자!',
description: '샘플 그림. 그림과 함께 전송돼요!',
imageUrl: 'https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbNvwQj%2FbtsKdouBQ81%2FAAAAAAAAAAAAAAAAAAAAABP07Jgr1J7mmm4bWms_WrXfA5tYPR-6DevHf6OGeoD3%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1751295599%26allow_ip%3D%26allow_referer%3D%26signature%3D2oVFwD6c3gbH4kA5iU7e3oMmzmY%253D',
link: {
mobileWebUrl: 'https://miero.tistory.com/',
webUrl: 'https://miero.tistory.com/',
},
},
buttons: [
{
title: '🔥 miero tistory 방문 🔥',
link: {
mobileWebUrl: 'https://miero.tistory.com/',
webUrl: 'https://miero.tistory.com/'
},
},
],
});
}
</script>
</head>
<body>
<h1>카카오톡 메시지 전송 예제</h1>
<button onclick="sendKakaoMessage()">카카오톡 발송하기</button>
</body>
</html>'컴퓨터 > Javascript' 카테고리의 다른 글
| javascript 같은 class 이름 마다 버튼 넣기 (0) | 2023.02.11 |
|---|---|
| javascript 랜덤 타이핑, 순차 타이핑 (0) | 2022.04.25 |
| Javascript 코드깎는노인 (0) | 2022.02.03 |
| Javascript 드림코딩 by 엘리 (0) | 2022.01.25 |
| javascript 타이핑 효과 (0) | 2022.01.03 |