카카오 지도 & SNS API 연동하기
관리자 페이지 [홈페이지 설정] / 외부 API 연동 / 카카오 지도 & SNS API 연동하기
닷홈빌더에 카카오 지도를 사용하기 위한 앱등록 및 닷홈빌더 설정 안내입니다.
먼저 카카오 개발자센터에서 가입 및 앱을 생성합니다. 앱 설정에서 카카오맵을 사용상태로 설정합니다.
플랫폼에 홈페이지 URL을 등록한 후 앱의 JavaScript 키를 복사합니다.
복사한 JavaScript 키를 닷홈빌더 홈페이지 설정 > 외부 API 연동 > 카카오 지도 & SNS 공유 항목에 등록해줍니다.
자세한 내용은 아래 안내를 참고해 주시기 바랍니다.
https://builder20.dothome.co.kr/manual/info/10
1. 카카오 개발자센터로 이동하여 로그인합니다.
카카오 회원이신 경우 로그인 하시면 되며, 회원이 아닌 경우 회원가입을 진행해 주세요.
2. 앱 추가하기
상단 메뉴의 [앱]을 클릭하여 나오는 페이지에서 오른쪽의 [+앱생성] 버튼을 클릭합니다.
앱 생성 창이 뜨면 앱 아이콘, 앱 이름, 회사명, 카테고리를 입력합니다.
하단의 운영정책에 동의 체크박스도 잊지말고 체크해 주시기 바랍니다.
입력이 끝났다면 [저장] 버튼을 클릭해서 앱을 생성합니다.
3. 카카오맵 활성화
생성한 앱을 클릭합니다.
좌측메뉴의 제품설정 > 카카오맵을 클릭해서 카카오맵 설정 페이지로 이동합니다.
사용 설정 항목의 "상태" 버튼을 클릭합니다.
카카오맵 활성화 창이 열리면 [활성화] 버튼을 클릭합니다.
4. 플랫폼 URL 등록
좌측 메뉴의 "앱" > "일반" 메뉴를 클릭해서 이동합니다.
페이지를 하단으로 내려보면 "플랫폼" 항목이 있습니다. [Web 플랫폼 등록] 버튼을 클릭합니다.
Web 플랫폼 등록창이 열리면 지도를 넣을 홈페이지의 URL을 등록합니다.
실제 지도가 있는 페이지 URL이 아닌 메인 도메인 URL만 등록하면 됩니다.
https://myhompage.kr (O)
https://myhompage.kr/map (x)
URL을 등록하셨다면 [저장]
참고로, 하나의 앱에 10개 홈페이지까지 등록이 가능합니다.
5. JavaScript 키 복사
좌측 메뉴의 "앱" > "일반" 페이지에 보면 "앱 키" 부분이 있습니다.
이중 JavaScript 키 옆의 [복사] 버튼을 눌러서 키를 복사합니다.
6. 닷홈빌더에 JavaScript 키 등록
닷홈빌더 관리자 페이지 "홈페이지 설정" > "외부 API 연동" > "카카오 지도 & SNS 공유" 항목에
복사한 JavaScript 키를 등록해 준 후 [변경사항 저장] 버튼 클릭하시면 카카오지도 API 연동이 완료됩니다.
등록한 카카오 지도가 제대로 나오는지 확인해 보시기 바랍니다.
