카카오로그인 for React Native

알림

이 소스는 @actbase/react-native-kakao-login 의 소스에서 일부 버그를 수정한 버전입니다.

Typescript 에서 import 할 때의 오류를 수정한 것으로 그 이상의 작업은 현재 예정되어 있지 않습니다.

원 소스 @actbase/react-native-kakao-login에서 이 오류를 반영하면 이 프로젝트는 바로 내릴 예정입니다. 참고하세요.

현재 iOS에 한정하여 소스를 수정하였으며, Android는 전혀 손대지 않은 상태입니다.

기본설정

현재 버전은 Kakao SDK v2반영 버전입니다.

@actbase/react-native-KakaoSDK랑 상관없이 독립적으로 사용가능합니다.

스위프트 기반 sdk라서.. 가이드는 좀 정리해서 다시 올리겠습니다.

궁금한 사항이 있는경우 카카오톡 오픈채팅 React & React-Native에서 물어보면 많은 분들이 답변해주십니다.

작업하시다가 외주 혹은 작업할 업체가 필요하면 [email protected]로 메일 주시면 친절하게 안내해드립니다.

RN 0.60 이상 사용가능하며, Pod 필수입니다.

Getting started

Mostly automatic installation (RN >= 0.60)

$ npm install @beblue/react-native-kakao-login --save
$ cd ios && pod install && cd ..

설정

iOS 버전을 11.0 이상으로 설정한다.

XCode에서 프로젝트를 열고 PROJECT_NAME.xcodeproj 파일에서

Info 섹션의 Deployment Target / iOS Deployment Target을 11.0 이상으로 변경

Pods/Podfile파일의 상단에 있는 다음 부분에서 버전을 11.0 이상으로 수정

    ...

    platform :ios, '11.0'

    ...

사용방법

import KakaoLogin from "@beblue/react-native-kakao-login";

// 카카오 로그인 시 처리부문
const loginOutput = await KakaoLogin.login();

| 변수명 | 설명 | | --------------------- | --------------------------- | | accessToken | 카카오의 accessToken | | refreshToken | 카카오의 refreshToken | | accessTokenExpiresAt | 카카오의 accessToken만료일 | | refreshTokenExpiresAt | 카카오의 refreshToken만료일 | | scopes | 사용권한 |

import KakaoLogin from "@beblue/react-native-kakao-login";

// 카카오 로그아웃시 처리
await KakaoLogin.logout();

// 카카오 액세스 토큰 가져오는 명령, 로그인 시 자동으로 로그아웃 후 처리됨에 따라
// 별도로 값만 가져올 경우 사용.
// 로직 변경으로 인해 해당 현재 토큰의 대한 정보(아이디, 만료일)만 가져옵니다.
const accessToken = await KakaoLogins.getAccessToken();

// 카카오 회원정보 가져오기
const profile = await KakaoLogins.getProfile();

| 변수명 | 설명 | | ------------- | ----------------------------------------------------------------------------------------------- | | id | 카카오계정 고유키 | | connected_at | 연결한 일자 | | kakao_account | 회원정보 | | properties | 기타자료 |