카카오 개발자 사이트 가입 및 앱 만들기

한 달 정도 된 것 같은데요. 카카오톡 버튼을 웹에서도 사용할 수 있습니다. 예전에는 스마트폰 등의 모바일 기기에서만 사용할 수 있었는데요. 이젠 PC 웹브라우저에서도 정상 작동합니다. PC 웹브라우저에서 작동하는 카카오톡 공유 버튼 소스는 웹법사의 마법서재 스킨 하단 부분에 있으니 뜯어 가시면 되겠습니다.


카카오 개발자 사이트


사이트나 블로그 등에 카카오톡 공유 버튼을 사용하려면 카카오 키(카카오 앱 JavaScript 키)가 있어야 합니다. 카카오 키(카카오 앱 JavaScript 키)는 카카오 개발자 사이트에서 회원 가입 후 만들 수 있습니다. 회원 가입은 무료이고요. 카카오 계정이나 이메일 주소로 가입할 수 있습니다.


카카오 개발자 사이트 가입 및 앱 만들기

카카오 개발자 사이트 로그인 및 회원 가입


카카오 개발자 사이트(https://developers.kakao.com)에 방문한 우측 상단 로그인 버튼을 클릭하면 위와 같은 로그인 페이지가 나타납니다. 이미 가입 되어 있다면 카카오 계정으로 로그인을 하면 되겠고요. 가입이 안되어 있다면 로그인 아래에 있는 회원 가입을 클릭하여 회원 가입을 진행합니다.


카카오 개발자 사이트 약관 동의 페이지


가입할 때 약관 동의는 딱 두 가지만 하면 됩니다. 프로필 정보 추가 수집과 이벤트 및 마케팅 활용 동의는 패스하시기 바랍니다.


카카오 개발자 사이트 내 애플리케이션 페이지


가입이 완료되면 위와 같은 화면이 나올 것인데요. 저는 이미 가입이 되어 있고, 앱이 있기에 위와 같이 나오지만 아마 아무것도 없을 겁니다. 내 애플리케이션 화면에서 좌측 하단에 있는 앱 만들기 버튼을 클릭합니다.


앱 만들기 페이지


앱 만들기 버튼을 클릭하면 위와 같은 앱 만들기 화면이 나타납니다.


앱 아이콘 등록하고 이름 입력 후 앱 만들기 버튼 클릭


아이콘을 업로드 해주고 이름을 입력한 후 앱 만들기 버튼을 클릭합니다. 참고로 아이콘은 마우스로 끌어 놓으면 되네요.


카카오 앱 JavaScript 키


앱이 생성되면 위와 같이 생성된 앱의 4가지 키가 보여집니다. 3번째에 있는 JavaScript 키가 카카오톡 공유 버튼, 카카오 채널 소식 받기 버튼 등에 사용하는 바로 그 카카오 키입니다. 카카오 앱의 JavaScript 키는 모자이크 할 필요가 없지만 좀 있어 보이기 위해 스윽 모자이크하였네요.


앱에 플랫폼 추가하기, 웹 사이트 도메인 등록

카카오 앱 설정 일반에서 플랫폼 추가


사이트, 블로그 등에서 카카오채널 구독 버튼이나 카카오톡 공유 버튼을 사용하려면 앱 설정에서 플랫폼을 추가해 주어야 합니다. 설정 > 일반으로 진입한 후 플랫폼 추가 버튼을 클릭해줍니다.



쬐만한 플랫폼 추가 창이 뜨면 웹을 선택한 후 사이트 도메인 입력란에 사이트 주소, 블로그 주소를 입력해 줍니다. 티스토리 블로그의 경우는 1차 도메인과 2차 도메인 모두 입력해 주어야 하고요. 2차 도메인의 경우는 www 있는 것과 없는 도메인 모두 등록해 주어야 합니다. 사이트 도메인 입력한 후 추가 버튼 꾸욱 눌러 주면



이렇게 플랫폼에 웹 사이트 도메인이 등록 됩니다. 앱 만들고 플랫폼까지 추가해 주어야 PC 웹브라우저에서도 카카오톡 버튼이 정상 작동하게 됩니다.


카카오 앱 삭제 방법

앱을 영구적으로 삭제합니다


앱을 만들다 무언가 잘못되었거나, 더이상 사용하지 않는다면 앱 삭제 하단의 앱을 영구적으로 삭제합니다 버튼을 클릭해주시면 되겠습니다.


앱 삭제


앱 삭제 확인 창이 뜨고, 삭제 버튼을 클릭하면 해당 앱은 영구 삭제 됩니다. 캡쳐를 위해 만든 앱이었기에 삭제 하였네요. 끝~


Copyright © 웹법사의 마법서재, 무단전재 및 재배포 금지.