하이브리드로 카카오 로그인 구현 시 앱에서 카카오톡 로그인 버튼이 안 보입니다

REST API
1

문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.
__737392

하이브리드 환경입니다. 모바일 웹에서는 카카오 로그인 버튼 누르면 카카오톡으로 로그인하기 버튼이 나오는데 앱에서는 안 나옵니다. 혹시 플랫폼 등록이 안되서 그런가요?
확인 부탁드리겠습니다.

2

737392 앱에는 오류가 없습니다.
버튼 표기는 카카오와 무관한 문제로 추정되는데요.

어떤상황인지 확인 위해 재현 영상 및 관련 코드블럭 첨부 부탁드립니다.

3

호출 url 정보입니다.
https://kauth.kakao.com/oauth/authorize?client_id={REST_API_KEY}&redirect_uri=https://moomoozdev.co.kr:443/member/kakao/kakao_login.php&response_type=code&code=code&state={“kakaoType”:“login”,“returnUrl”:“%2Fmypage%2Findex.php”,“referer”:“https://moomoozdev.co.kr/member/login.php?returnUrl=/mypage/index.php”}&encode_state=1

4

카카오 계정 로그인 페이지에 “카카오톡으로로그인” 버튼이 안보인다는 말씀이셨군요.

아쉽지만, 인앱브라우저에서는 해당 버튼을 표시하지 않습니다.

JS SDK authorize 방식 로그인 사용하셔서 카카오톡 앱으로 ID/PW 입력 없이 안전하고 간편하게 로그인하도록 변경하시면 좋을 것 같습니다.

5

알려주신대로 JS SDK authorize 방식 로그인으로 개발중입니다. 기존 REST_API 토큰 함수로 토큰이 안 옵니다.

–login.html
Kakao.init(JAVASCRIPT_KEY);
function doKakaoLogin(){
Kakao.Auth.authorize({
redirectUri: ‘https://moomoozdev.co.kr/member/kakao/kakao_login.php’
});

– KakaoLoginController.php
$code = $request->get()->get(‘code’);
$properties = $kakaoApi->getToken($code, $returnURL);

인앱에서 카카오 로그인 버튼 누르면 카카오톡 로그인 하고 나서 code가 넘어오는데 이 code로는 토큰이 안 만들어지네요.
모바일웹에서 카카오톡 로그인으로 잘 됩니다.
혹시 clientId 가 javascriptkey로 API를 호출해서 일까요?

6 
인가코드: https://moomoozdev.co.kr/member/kakao/kakao_login.php
접근토큰: https://moomoozdev.co.kr:443/member/kakao/kakao_login.php

인가코드 발급 시, 설정한 리다이렉트 URI와 액세스 토큰 발급 시, 설정한 리다이렉트 URI가 달라서 KOE303 오류가 발생했네요.

REST-API 방식으로 처리 했을때와 동일하게 포트 기재해서 authorize해보시겠어요?

2개의 좋아요
7

포트 기재하고 authorize해봤는데 안됩니다. ㅜㅜ

8

가장 최근 오류 기준으로 설명드리면

(1) 인가코드요청 Jan 30, 2024 @ 16:51:24.997 무무즈테스트 /oauth/authorize 302 https://moomoozdev.co.kr:443/member/kakao/kakao_login.php

(2) 액세스 토큰 발급 성공 Jan 30, 2024 @ 16:51:26.358 무무즈테스트 /oauth/token 200 https://moomoozdev.co.kr:443/member/kakao/kakao_login.php {“access_token”:“***************–V41s8JTyEVMKKiUNAAABjVlZ_Y7GDcCf5rkkeA”,“token_type”:“bearer”,“refresh_token”:“****************BRPJQDDpr68KKiUNAAABjVlZ_YvGDcCf5rkkeA”,“expires_in”:21599,“scope”:“account_email profile_nickname”,“refresh_token_expires_in”:5183999}

(3) 이미 액세스 토큰 발급에 성공한 인가코드로 액세스 토큰 다시 발급요청해서 에러 발생 Jan 30, 2024 @ 16:51:27.150 무무즈테스트 /oauth/token 400 https://moomoozdev.co.kr:443/member/kakao/kakao_login.php {“error”:“invalid_grant”,“error_description”:“authorization code not found for code=dKoueJiBJgo2dirjS9PybO1AH6deDnFSNSJRIF7-KtmC6apdQ_G2Jij5oTgKKiURAAABjVlZ-D-kJA3lYdtGWQ”,“error_code”:“KOE320”}

(4) 리프래시 토큰 파라메터에 값을 세팅하지 않고 인가코드 없이 액세스 토큰 재발급 요청으로 에러 발생 Jan 30, 2024 @ 16:51:27.200 무무즈테스트 /oauth/token 400 - {“error”:“invalid_request”,“error_description”:“refresh token is blank”,“error_code”:“KOE319”}

1개의 좋아요
9

다시 확인해봤는데 사용자 정보 호출 잘 되는것 같습니다. 감사합니다.

1개의 좋아요