PortOne SDK for React Native

React Native 환경에서 포트원 V2 결제 시스템에 연동하기 위한 SDK입니다.

의존성

Node.js v18을 지원하며, Expo 51.0.38과 react-native-webview 13.8.6 환경에서 테스트되었습니다.

기술 지원

• tech.support@portone.io

설치 (Expo 사용)

1. Expo CLI를 사용해 @portone/react-native-sdk와 의존성인 react-native-webview를 설치합니다.

npx expo install @portone/react-native-sdk react-native-webview

2. TypeScript를 사용하시는 경우 @portone/browser-sdk를 devDependencies에 추가합니다.

npm install --save-dev @portone/browser-sdk
yarn add -D @portone/browser-sdk

3. TypeScript를 사용하시는 경우 tsconfig.json에 다음 항목을 추가 혹은 수정합니다.

"compilerOptions": {
  "module": "NodeNext",
  "moduleResolution": "NodeNext"
}

설치 (Expo 미사용)

1. @portone/react-native-sdk와 의존성인 react-native-webview를 설치합니다.

npm install --save @portone/react-native-sdk react-native-webview
yarn add @portone/react-native-sdk react-native-webview

2. ios 서브디렉토리에서 pod를 사용해 react-native-webview에 필요한 네이티브 의존성을 링킹힙니다.

pod install

3. TypeScript를 사용하시는 경우 @portone/browser-sdk를 devDependencies에 추가합니다.

npm install --save-dev @portone/browser-sdk
yarn add -D @portone/browser-sdk

4. TypeScript를 사용하시는 경우 tsconfig.json에 다음 항목을 추가 혹은 수정합니다.

"compilerOptions": {
  "module": "NodeNext",
  "moduleResolution": "NodeNext"
}

사용법

import {
  IdentityVerification,
  IssueBillingKey,
  IssueBillingKeyAndPay,
  Payment,
  IssueBillingKeyUI,
  PaymentUI,
} from '@portone/react-native-sdk'

<Payment request={/* ... */} />

세부 사용법과 관련하여 React Native 포트원 샘플 프로젝트 및 React Native Expo 포트원 샘플 프로젝트를 참고하실 수 있습니다.

---

Made with create-react-native-library

Packages under portone-io/react-native-sdk are primarily distributed under the terms of both the Apache License (Version 2.0) and the MIT license. See COPYRIGHT for details.