카카오 로그인 질문

JavaScript
1

안녕하세요 javascript로 카카오 로그인 구현 중 질문이 있습니다
인가코드를 요청하는 페이지에서 갖고 있는 데이터
예를 들면
let ss = ‘str’;
ss라는 변수의 값을 인가코드 요청 후 redirectUri (callback page)에서 엑세스 토큰을 발급 받을 때 데이터를 받을 수 있는 방법이 있을까요??

앱 ID : 826188

2

인가 코드를 요청할 때
location.href = 'https://kauth.kakao.com/oauth/authorize?client_id='+this.kakaoObj.restApiKey+'&redirect_uri='+encodeURIComponent(this.kakaoObj.redirectURI)+'&response_type=code&';
호출 하고 있습니다.

3

안녕하세요.

아쉽게도, 특정 커스텀 파라메터를 redirect_uri로 전달할 수는 없습니다.
다만, state 파라메터의 경우 CSRF 공격으로 부터 보호하기 위한 장치로 제공되나
redirect_uri에 파라메터를 전달 받기 위해서 state 파라메터를 사용하실 수 있습니다.

Kakao.Auth.authorize({
  state: 'myId=123&myName=woody.ho'
  redirectUri: '${REDIRECT_URI}'
});

Redirect URI에 다음과 같이 리디렉션 됩니다.

${REDIRECT_URI}/code=${인가코드}&state=myId%3D123%26myName%3Dwoody.ho

서버측에서 state파라메터를 디코딩 하시어 사용하시면 됩니다.

1개의 좋아요
5

감사합니다! 혹시 하나만 더 질문 드릴려고 하는데요.

인가코드 요청 후

엑세스 토큰 발급 받는 과정에서
에러를 보면 error_description 에는 Redirect URI mismatch 와 code 엔 KOE303 에러가 뜹니다

제가 지금 테스트 하고 있는 redirect uri 는 https://opentest.celler-kr.com/kakaoCallBack 입니다.

애플리케이션에 등록되어 있는 redirect uri 와 인가코드 요청시 값, 그리고 엑세스 토큰 발급 받을 때 uri 값이 같은데 왜 에러가 뜨는지 궁금합니다

6

안녕하세요.

KOE303 에러를 보니 아래와 같습니다.

대소문자 다름)
인가코드: https://open.celler-kr.com/kakaoCallback
접근토큰: https://open.celler-kr.com/kakaoCallBack

다른 주소)
인가코드: https://opentest.celler-kr.com/kakaoCallBack
접근토큰: https%3A%2F%2Fopentest.celler-kr.com%2FkakaoCallBack

1개의 좋아요
7

감사합니다 오타였네요… ㅜㅜ

1개의 좋아요