React Native 토스 로그인 SDK를 공유합니다 (react-native-toss)

개발
1

이 글의 성격은 무엇인가요?

정보 공유

내용을 설명해주세요

React Native 토스 로그인 SDK를 공유합니다 (react-native-toss)

안녕하세요.

앱인토스에서 서비스를 운영하다 보면 토스 로그인이 기본 인증 수단인데요, 저희처럼 자사 앱이나 웹에서도 동일한 사용자 경험을 제공하기 위해 토스 로그인을 추가 연동하시는 경우가 많을 거라 생각합니다.

저희도 자사 앱에 토스 로그인을 도입하게 되었는데, React Native로 개발하고 있다 보니 네이티브 SDK를 직접 래핑해서 사용해야 했습니다. 같은 상황에 계신 분들이 있을 것 같아 오픈소스로 공유드립니다.

react-native-toss

설치

npm install react-native-toss

사용 예시

import { TossLogin } from 'react-native-toss';

// 초기화 (앱 시작 시 한 번)
TossLogin.configure('YOUR_APP_KEY');

// 토스앱 설치 여부 확인
const available = await TossLogin.isLoginAvailable();

if (!available) {
  // 토스앱 미설치 시 설치 유도
  TossLogin.moveToBridgePageForNoApp();
  return;
}

// 로그인 요청
const result = await TossLogin.login();

switch (result.type) {
  case 'success':
    // result.authCode로 서버에서 accessToken 발급
    break;
  case 'cancelled':
    // 사용자가 로그인을 취소
    break;
  case 'error':
    // result.code, result.message로 에러 처리
    break;
}

사용하시면서 버그나 개선 사항이 있으시면 GitHub Issues에 남겨주세요. PR도 환영합니다.

감사합니다.

5개의 좋아요