react-native-toss-payments

이슈 및 피드백은 항상 환영합니다!

설치방법(Installation)

npm install react-native-toss-payments
npm install react-native-webview

or

yarn add react-native-toss-payments
yarn add react-native-webview

사용방법(Usage)

import TossPayment from "react-native-toss-payments";

// ...

<TossPayment 
  clientKey={YOUR_CLIENT_KEY} // 토스로 부터 발급받은 TossClientKey입니다.
  payment={YOUR_TOSS_PAYMENT_DATA} // 토스결제시 필요한 토스 결제 정보입니다.
  onApproveError={onApproveError} // 토스 결제 승인 네트워크 오류시 handle하는 함수입니다.
  onApproveFailed={onApproveFailed}  // 토스 결제 승인시 승인 실패 handle하는 함수입니다.
  onApproveSucceed={onApproveSucceed} // 토스 결제 승인시 승인 성공 handle하는 함수입니다.
/>

참조(Reference)

자세한 참조사항은 토스페이먼츠에서 확인하실 수 있습니다. | Prop | Description | Required | Default | Type | |------------------------|------------------|----------|---------|-----------------------------------------| | clientKey | 토스로 부터 발급받은 ClientKey입니다. | true | None | string | | payment | 토스 결제에 필요한 결제정보데이터 입니다. | true | None | TossPaymentRequestDataTypes | | onLoading | 토스 결제 모듈 로딩시 작동하는 함수입니다. | false | None | () => void | | onApproveError | 토스 결제 승인 네트워크 오류시 handle하는 함수입니다. | true | None | () => void | | onApproveFailed | 토스 결제 승인시 승인 실패 handle하는 함수입니다. | true | None | (e:TossPaymentFailMessageTypes) => void | | onApproveSucceed | 토스 결제 승인시 승인 성공 handle하는 함수입니다. | true | None | (e:TossPaymentApproveTypes) => void |

주의사항

토스페이먼츠의 모든 결제 과정중 결제요청상태만을 현재 버전에서 지원하고있습니다. 이후 승인 API 요청부터는 onApproveSucceed통하여 개인 서버에서 처리해야합니다.

자세한 로직은 토스페이먼츠 결제가이드에서 확인해주세요!

라이센스(License)

MIT

Made with create-react-native-library 감사합니다 :)