API Drag 사용자 메뉴얼
  • 시작하기
    • 기본 개념 이해하기
      • Coding 기초
      • JSON 구조
      • 아이템 블록
      • 메모리 구조
      • 자격증명
    • Flow 작성
    • 데이터 컨트롤
    • 테스트 및 디버그
    • 스케쥴링
    • Agency
  • BASIC ITEMS
    • Controls
      • Branch
      • Loop
      • Assign
    • Input Data
      • Google Sheets
      • CSV File
    • Output Data
      • Google Sheets
      • Text File
      • Email
    • Web Service
      • Http Request
      • Http In
      • Http Response
      • Http Redirect
  • KAKAO API
    • API References
      • 카카오 로그인
        • 로그인
        • 카카오 로그아웃
        • 서비스 로그아웃
        • 연결하기
        • 연결끊기
        • 토큰정보
        • 토큰발급
        • 토큰 권한검증
        • 토큰갱신
        • 사용자 정보
        • 사용자 목록
        • 여러 사용자 정보
        • 사용자 정보 저장하기
        • 동의 철회하기
        • 동의한 약관
        • 배송지 가져오기
      • 카카오톡 소셜
        • 내 프로필 조회
        • 친구 목록 조회
      • 메시지
        • 나에게 보내기
        • 친구에게 보내기
        • 나에게 템플릿 보내기
        • 친구에게 템플릿 보내기
        • 나에게 스크랩 보내기
        • 친구에게 스크랩 보내기
      • 푸시 알림
        • 푸시 토큰 등록하기
        • 푸시 토큰 보기
        • 푸시 토큰 삭제하기
        • 푸시 알림 보내기
      • 톡캘린더
        • 목록 가져오기
        • 캘린더 생성하기
        • 캘린더 수정하기
        • 캘린더 삭제하기
        • 일정 생성하기
        • 일정목록 가져오기
        • 일정 상세조회
        • 일정 수정하기
        • 일정 삭제하기
        • 공개일정 생성하기
        • 공개일정 목록 가져오기
        • 공개일정 상세조회
        • 공개일정 수정하기
        • 공개일정 삭제하기
        • 공개일정 캘린더에 추가하기
        • 구독가능 캘린더 가져오기
        • 구독하기
        • 구독 해지하기
        • 구독 게스트 일정 수정하기
        • 공휴일 및 주요 기념일
      • 로컬
        • 주소 검색하기
        • 좌표로 행정구역정보 받기
        • 좌표로 주소 변환하기
        • 좌표계 변환하기
        • 키워드로 장소 검색
        • 카테고리로 장소 검색
      • 카카오스토리
        • Page 64
        • Page 63
        • Page 62
        • Page 61
        • Page 60
        • Page 59
        • Page 58
        • Page 57
        • Page 56
        • Page 55
      • 카카오톡 채널
        • Page 69
        • Page 68
        • Page 67
        • Page 66
        • Page 65
      • 인공지능 포즈
        • Page 72
        • Page 71
        • Page 70
      • 인공지능 KoGPT
        • Page 73
      • 인공지능 Karlo
        • Page 76
        • Page 75
        • Page 74
      • Daum 검색
        • Page 82
        • Page 81
        • Page 80
        • Page 79
        • Page 78
        • Page 77
  • NAVER API
    • API References
      • 검색
        • Page 96
        • Page 95
        • Page 94
        • Page 93
        • Page 92
        • Page 91
        • Page 90
        • Page 89
        • Page 88
        • Page 83
        • Page 84
        • Page 85
        • Page 86
        • Page 87
      • 로그인
        • Page 103
        • Page 102
        • Page 101
        • Page 100
        • Page 99
        • Page 98
        • Page 97
      • Papago 번역
        • Page 106
        • Page 104
        • Page 105
      • CLOVA 얼굴인식
        • Page 108
        • Page 107
      • 검색어트렌드
        • Page 109
      • 쇼핑인사이트
        • Page 117
        • Page 116
        • Page 115
        • Page 114
        • Page 113
        • Page 112
        • Page 111
        • Page 110
      • 캡차
        • Page 123
        • Page 122
        • Page 121
        • Page 120
        • Page 119
        • Page 118
      • 캘린더
        • Page 124
      • 카페
        • Page 126
        • Page 125
      • 단축 URL
        • Page 127
  • GOOGLE API
    • API References
      • Login
        • 로그인
        • 토큰발급
        • 토큰취소
        • 토큰갱신
        • 토큰 권한검증
        • 사용자 정보
      • Contact
        • 연락처그룹 목록
        • 연락처그룹 정보
        • 연락처그룹 만들기
        • 연락처그룹 삭제
        • 연락처그룹 수정
        • 그룹 내 연락처 등록
        • 그룹 내 연락처 등록해지
        • 기타연락처 목록
        • 기타연락처 검색
        • 기타연락처를 내연락처로 복사
        • 연결된 연락처 목록
        • 연락처 만들기
        • 연락처 보기
        • 연락처 삭제
        • 연락처 사진 삭제
        • 연락처 검색
        • 연락처 업데이트
        • 연락처 사진 업데이트
        • 연락처 일괄삭제
      • Calendar
        • 캘린더 목록
        • 캘린더 목록 정보
        • 캘린더 목록 삽입
        • 캘린더 목록 패치
        • 캘린더 목록 업데이트
        • 캘린더 목록 삭제
        • 캘린더 정보
        • 캘린더 삽입
        • 캘린더 패치
        • 캘린더 업데이트
        • 기본 캘린더 일정 지우기
        • 보조 캘린더 삭제
        • 이벤트 목록
        • 이벤트 정보
        • 이벤트 복사
        • 이벤트 추가
        • 반복 이벤트 목록
        • 이벤트 빠른추가
        • 이벤트 패치
        • 이벤트 수정
        • 이벤트 이동
        • 이벤트 삭제
        • 액세스 목록
        • 액세스 정보
        • 액세스 추가
        • 액세스 패치
        • 액세스 수정
        • 엑세스 삭제
        • 캘린더 채널 중지
        • 캘린더 색상 정보
        • 캘린더 Free/Busy 정보
Powered by GitBook
On this page
  • 아이템 블록
  • 설정 팝업
  • 설정 필드
  • 앱 REST API 키
  • Redirect URI
  • 추가항목 동의목록
  • 로그인 화면 종류
  • 서비스 약관
  • 전달 파라미터
  • ID 토큰 검증 문자열
  • 로그인 프로젝트 구성
  1. KAKAO API
  2. API References
  3. 카카오 로그인

로그인

Previous카카오 로그인Next카카오 로그아웃

Last updated 2 years ago

아이템 블록

카카오톡 로그인 아이템 블록은 카카오톡 로그인 서비스를 제공하기 위한 Gateway 역할을 합니다.

설정 팝업

설정 필드

앱 REST API 키

Kakao Developers 사이트에서 앱을 등록하고 발급받을 수 있습니다.

내 애플리케이션 > 앱 설정 > 요약정보 경로에서 확인하세요.

Redirect URI

인가 코드를 전달받을 서비스 서버의 URI 입니다. 이 항목은 Kakao Developers 사이트에서 미리 Redirect URI 항목에 등록되어 있어야합니다. API Drag 서비스를 통해 Redirect 이후 서비스를 구현하고자 한다면, API Drag 의 Http In 아이템 블록에서 제공하는 서브도메인을 활용하면 됩니다.

[내 애플리케이션] > [카카오 로그인] > [Redirect URI]에서 등록합니다.

추가항목 동의목록

추가 항목 동의 받기 요청 시 사용합니다. 사용자에게 동의 요청할 동의 항목 ID 목록입니다. 동의 항목의 ID는 사용자 정보 또는 [내 애플리케이션] > [카카오 로그인] > [동의 항목]에서 확인 가능 쉼표(,)로 구분해 여러 개 전달 가능합니다. 주의: OpenID Connect를 사용하는 앱의 경우, scope 파라미터 값에 openid를 반드시 포함해야 합니다. 미포함 시 ID 토큰이 재발급되지 않습니다.

로그인 화면 종류

  • 로그인 화면

존 사용자 인증 여부와 상관없이 사용자에게 카카오계정 로그인 화면을 출력하여 다시 사용자 인증을 수행하고자 할 때 사용합니다.

카카오톡 인앱 브라우저에서는 이 기능이 제공되지 않습니다.

  • 카카오 신규가입 화면

사용자에게 카카오계정 신규 가입 후 로그인하도록 하기 위해 사용합니다.

카카오계정 가입 페이지로 이동 후, 카카오계정 가입 완료 후 동의 화면 출력합니다.

  • 화면 보이지 않기

사용자에게 동의 화면과 같은 대화형 UI를 노출하지 않고 인가 코드 발급을 요청할 때 사용합니다.

인가 코드 발급을 위해 사용자의 동작이 필요한 경우 에러 응답 전달합니다.

서비스 약관

약관 선택해 동의 받기 요청 시 사용합니다.

동의받을 약관 태그 목록이며, 약관 태그는 [내 애플리케이션] > [간편가입]에서 확인 가능합니다.

쉼표(,)로 구분된 문자열 값 목록으로 전달합니다.

전달 파라미터

카카오 로그인 과정 중 동일한 값을 유지하는 임의의 문자열(정해진 형식 없음)입니다.

Cross-Site Request Forgery(CSRF) 공격으로부터 카카오 로그인 요청을 보호하기 위해 사용하며, 각 사용자의 로그인 요청에 대한 state 값은 고유해야 합니다.

인가 코드 요청, 인가 코드 응답, 토큰 발급 요청의 state 값 일치 여부로 요청 및 응답 유효성 확인이 가능합니다.

로그인 과정의 처음에서 마지막 단계까지 전달 할 데이터가 있으면 활용이 가능합니다.

ID 토큰 검증 문자열

OpenID Connect를 통해 ID 토큰을 함께 발급받을 경우, ID 토큰 재생 공격을 방지하기 위해 사용 ID 토큰 유효성 검증 시 대조할 임의의 문자열(정해진 형식 없음)

로그인 프로젝트 구성

OAuth 로그인 과정은 복잡합니다. 아래 예제를 보고 그 흐름을 이해해 보세요.

  1. Http In 아이템 블록을 이용하여 웹 호출에 대한 Listen 상태를 만들어야 합니다. 사용자가 브라우져나 프로그램을 통해서 접근 할 주소를 적절히 Http In 아이템 블록의 설정에 등록하면 됩니다. 그리고 로그인 아이템 블록 설정은 위 설정 필드 챕터를 참고하여 설정하시면 됩니다.

  1. 사용자가 브라우져나 프로그램을 통해 위 주소로 접근하면 아래와 같이 Kakao 로그인 화면이 나옵니다.

  1. 처음 생성한 Project 와 별도로 새로운 Project 를 만들고 Redirect URI 호출에 대비하여 Http In 아이템 블록을 이용하여 아래와 같이 구성을 해야 합니다.

  1. Http Response 의 응답은 아래와 같이 정상 응답으로 설정하시면 됩니다.

위 로그인화면에서 ID / PW 를 입력하면 아래 미리 등록한 Redirect URI 주소로 요청에 필요한 인가 코드가 code 파라미터를 통해 전달됩니다.

토큰 받기