react-native-payment-gateway
merchant backend NODE JS
Getting started
$ npm install react-native-payment-gateway --save
Mostly automatic installation
$ react-native link react-native-payment-gateway
Manual installation
iOS
change Podfile into this or lastest version
pod 'MidtransCoreKit', '~> 1.13.1'
pod 'MidtransKit', '~> 1.13.1'
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-payment-gateway
and addReactNativeMidtrans.xcodeproj
- In XCode, in the project navigator, select your project. Add
libReactNativeMidtrans.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
Android
- Open up
android/app/src/main/java/[...]/MainApplication.java
- Add
import com.paymentgateway.ReactNativeMidtransPackage;
to the imports at the top of the file - Add
new MidtransPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':react-native-payment-gateway' project(':react-native-payment-gateway').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-payment-gateway/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:compile project(':react-native-payment-gateway')
Usage
; async { const optionConect = clientKey: "your client key" urlMerchant: "https://domain.net/" <<-- will hit https://domain.net/charge const transRequest = transactionId: "0001" totalAmount: 4000 const itemDetails = id: "001" price: 1000 qty: 4 name: "peanuts" ; const creditCardOptions = saveCard: false saveToken: false paymentMode: "Normal" secure: false ; const userDetail = fullName: "jhon" email: "jhon@payment.com" phoneNumber: "0850000000" userId: "U01" address: "street coffee" city: "yogyakarta" country: "IDN" <-- must be standard country code zipCode: "59382" ; const optionColorTheme = primary: '#c51f1f' primaryDark: '#1a4794' secondary: '#1fce38' const optionFont = defaultText: "open_sans_regular.ttf" semiBoldText: "open_sans_semibold.ttf" boldText: "open_sans_bold.ttf" const callback = { console }; PaymentGateway; }