여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. 카카오톡 SDK - 앱 키 발급 방법

카카오톡 SDK – 앱 키 발급 방법

2주전 작성

카카오톡 공유 기능을 사용하려면 카카오 개발자 플랫폼에서 앱을 등록하고 앱 키를 발급받아야 한다.

앱 키를 발급받고 홈페이지에 설정해보자.

카카오톡 SDK

애플리케이션 추가하기

  1. 카카오 개발자 플랫폼에 접속한다.
  2. 로그인 » [내 애플리케이션]
  3. [애플리케이션 추가하기] » 새 앱 등록
    • 앱 이름: 웹사이트 이름 / 원하는 이름 입력
    • 회사명: 개인 또는 회사 이름 입력
    • 카테고리: 자신의 사이트가 해당하는 카테고리 선택

    애플리케이션 추가

앱 키(YOUR_KAKAO_APP_KEY) 확인하기

  1. [내 애플리케이션] » 등록한 앱 클릭
  2. 앱 대시보드 » [앱 키]
  3. “JavaScript 키” / “네이티브 앱 키” 복사. 이 키가 앱 키로 사용된다.

    앱 키 확인

카카오톡 공유 기능 설정하기

  1. [내 애플리케이션] » 등록한 앱 클릭
  2. 앱 대시보드 » [플랫폼]
  3. [Web 플랫폼 등록] » 사이트 도메인 입력 (예: https://maz.kr)
  4. [저장]

    플랫폼 등록

카카오톡 SDK 추가하기

그 외의 페이지에 추가하기

<head> … </head> 사이에 코드를 추가한다.

<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script>Kakao.init('YOUR_KAKAO_APP_KEY');</script>
워드프레스에 추가하기
JS 파일 생성
Kakao.init('YOUR_KAKAO_APP_KEY');
functions.php
wp_enqueue_script( 'kakao-sdk', 'https://developers.kakao.com/sdk/js/kakao.min.js', array(), '1.43.5', false );
wp_enqueue_script( 'kakao-init', 'JS 파일 URL', array(), '0.1.0', false );

주의사항

  • 카카오톡 SDK는 HTTPS 환경에서만 정상적으로 동작한다. HTTP 사이트에서는 사용할 수 없다.
  • 도메인 변경 시 카카오 개발자 플랫폼에서 도메인 설정을 업데이트해야 한다.
Mingg`s Diary
밍구
밍구
공부 목적 블로그