카카오싱크 문의 (랜딩페이지)

카카오싱크(Kakao Sync)
1

문의 사항에 따라 필요한 정보를 먼저 입력하시면 더 빠르게 대응해 드릴 수 있습니다.

  • 개발 과정에서 문제가 있을 경우

    • 앱 아이디(app ID): hwavely@gmail.com
    • 호스팅 사: 카페24
    • 서비스 URL : vivement.kr
    • 오류 내용 :
      자사예시2

  • 퍼머링크 생성이 필요할 경우 (자세한 신청 방법은 가이드 참고)

    • 카카오싱크 퍼머링크의 서비스 랜딩URL:
    • 디벨로퍼스 앱과 연결된 카카오톡 채널의 검색용 아이디:

카카오 로그인 관련 에러(Invalid redirect. 예: KOE006)가 발생할 경우, 가이드를 참고합니다.

카카오 로그인 문의 드립니다.

안녕하세요.

현재 카페24에서 제공해 주고 있는 웹페이지 상 “로그인 > 네이버 로그인, 카카오로 시작하기” 기능을 사용하고 있습니다.

별도 페이지에서 카카오로 시작하기를 하고 싶어, login.html에서 아래와 같이 카카오 소스를 가져 왔습니다.

     <ul class="snsArea">
        <li class="{$display_kakao|display}">
                <a href="#none" onclick="{$kakao_func_login}"><img src="/pic/3.png" alt="카카오계정 로그인" /></a>
            </li>
        </ul>

크롬 브라우저의 개발자 모드에서 audit 값은 가져오는 것 같으나 링크가 https://vivement.kr/joinus/before.html#none 으로 잡혀 카카오 계정 로그인 페이지가 열리지 않습니다.

혹시 카카오로 로그인하는 페이지로 리디렉션하는 방법이 있는지 문의 드립니다.

감사합니다.

2

안녕하세요.

카페24는 JS SDK Authorize함수를 이용해 카카오 로그인 하고 있는 것으로 알고 있습니다.
기재해주신 내용으로 보면 카카오 SDK 를 정상적으로 호출하지 못하는 것으로 보입니다.
카페24에서 카카오 로그인에 사용한 스크립트를 동일하게 해당 페이지에 설정하시거나
아래 가이드 참고 하셔서 스크립트 구현하시면 됩니다.

JavaScript | Kakao Developers JavaScript

혹은, REST-API방식으로 위 버튼에 링크 걸어주셔도 됩니다.

아래 주소의 {REST-API-KEY} 부분은 디벨로퍼스 “내 애플리케이션>앱 설정>요약 정보” 메뉴에서 확인하셔서 변경해주세요.

https://kauth.kakao.com/oauth/authorize?client_id={REST-API-KEY}&redirect_uri=https%3A%2F%2Fvivement.kr%2FApi%2FMember%2FOauth2ClientCallback%2Fkakao%2F&response_type=code