[카카오톡 톡상담] 잘못된 접근입니다. 인증에 실패하여 페이지에 접근할 수 없습니다

JavaScript
1

앱 생성/도메인 등록 완료 후 카카오톡 채널 1:1 채팅 시작하기 html을 아래와 같이 삽입 하였습니다.

<script type="text/javascript">
    // 카카오톡 채팅 버튼 생성
    Kakao.Channel.createChatButton({
        container: '#kakao-talk-channel-chat-button',
        channelPublicId: '_rJpFG'  // 카카오톡 채널 ID
    });
</script>

잘못된 접근입니다.
인증에 실패하여 페이지에 접근할 수 없습니다.
해당 기능을 제공한 서비스 관리자에게 문의해주세요.
오류가 자꾸 뜹니다
자바스크립트 키도 입력하였고 카카오톡 채널 홈 id도 입력했는데 뭐가 문제일까요?

사이트 도메인 URL: https://www.semyung.ac.kr/smulib.do

ID:1114493
채팅 오류 화면 창 ↓
https://pf.kakao.com/_rJpFG/chat?api_ver=1.1&kakao_agent=sdk%2F1.43.5%20os%2Fjavascript%20sdk_type%2Fjavascript%20lang%2Fko-KR%20device%2FWin32%20origin%2Fhttps%253A%252F%252Fwww.semyung.ac.kr&app_key=YOUR_APP_KEY&referer=https%3A%2F%2Fwww.semyung.ac.kr%2Fsmulib.do

2

AS-IS

image
image1502×218 35.6 KB

TO-BE

Kakao.init 제거하고 아래 줄만 추가

<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.4/kakao.channel.min.js" integrity="sha384-8oNFBbAHWVovcMLgR+mLbxqwoucixezSAzniBcjnEoumhfIbMIg4DrVsoiPEtlnt" crossorigin="anonymous"></script>

안녕하세요

첨부 이미지와 유효하지 않은 앱 키로 JS SDK를 초기화하면 관련 기능이 정상 동작할 수 없습니다.
회원님이 적용하신 방법은 앱 - 채널 연결 되어 있어야만 정상 동작하며 그렇지 않은 경우 여전이 인증 실패 메시지가 표시됩니다.

따라서 카카오 로그인 기능이 제거된 버전의 TO-BE 코드를 따라 적용 부탁드립니다.
만약, 사이트에서 카카오 로그인 적용하고자 하신다면 앱 - 채널 연결 후 AS-IS 방법을 사용하셔야 합니다.