Skip to content

zaeval/oauth-valid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

oauth-valid

Oauth valid served by zaeval.

It is using for nonprofit.

Oauth Process

FaceBook

Update soon

Kakao

kakao 연동 예제 바로가기

클라에서 코드 요청하기

redirect_url과 함께 code 요청 ( 카카오 로그인 창 띄우기 )

https://kauth.kakao.com/oauth/authorize?client_id={KAKAO_APP_ID}&redirect_uri={REDIRECTION_URI}&response_type=code

위 url로 리다이렉트를 하면 카카오 로그인 창이 뜹니다.

로그인 창에 회원 정보를 입력하여 로그인하면 redirection url로 이동하고 url parameter로 code가 같이 넘어옵니다.

허용 redirection url 설정하기

위 코드를 가져오기 위한 url을 완성하기 위해선 KAKAO_APP_ID와 REDIRECTION_URI가 필요합니다.

REDIRECTION_URI는 아래 화면에서 수정을 눌러 추가가 가능합니다.

단 https://~:포트번호/path 까지 absolute url로 full path를 써주어야 합니다.

client id 찾기

요약 정보에서 Rest Api키 부분에 있는걸 쓰면 됩니다.

서버 세팅하기

코드 찾기

  function parseCode() {
    let queryString = {};
    window.location.search.substr(1)
      .split("&")
      .forEach((value, idx) => {
        const set = value.split("=");
        queryString[set[0]] = set[1];
      });
    return queryString["code"];
  }

위와 같이 redirect된 url에 해당하 소스에 삽입하여 코드를 추출해낼 수 있습니다. 여기서 추출한 값을 서버로 전송해줍니다.

secret key 찾기

카카오 로그인 > 보안 탭에서 코드 부분에 있는 값을 쓰면 됩니다.

access token 받아오기

from oauth_valid.kakao import get_token

token_res = get_token(KAKAO_APP_ID, REDIRECTION_URI, KAKAO_SECRET_KEY, CODE)

지금까지 찾아논 APP_IDD, REDIRECTION_URI, SECRET_KEY, CODE를 parameter로 넘겨줍니다. 그러면 원하는 access token과 유효기간을 받을 수 있습니다!

더 자세한 필드명과 도큐멘테이션은 카카오 developer 문서 를 참조해 주세요!

kakao 연동 예제 바로가기

Google

Update soon