React Native OttPay

Installation

yarn add react-native-ottpay

npm install react-native-ottpay --save

Automatically Link

# RN < 0.60
react-native link react-native-ottpay

# RN > 0.60
cd ios && pod install && cd ..

Manual linking

Manually linking the library for iOS

`Open project.xcodeproj in Xcode`

Drag ottpay.xcodeproj to your project on Xcode

Link `libottpay.a` binary with libraries

Click on your main project file (the one that represents the .xcodeproj). Add libottpay.a to your project's Build Phases ➜ Link Binary With Libraries

Manually linking the library for Android

`android/settings.gradle`

include ':react-native-ottpay'
project(':react-native-ottpay').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-ottpay/android')

`android/app/build.gradle`

dependencies {
   ...
   implementation project(':react-native-ottpay')
}

`android/app/src/main/.../MainApplication.java`

On top, where imports are:

import com.ottpay.OttpayPackage;

Add the OttpayPackage class to your list of exported packages.

@Override
protected List<ReactPackage> getPackages() {
    return Arrays.asList(
            new MainReactPackage(),
            new OttpayPackage()
    );
}

iOS Setup

Select your project. Add the following System libraries to your project's `Build Phases` -> `Link Binary With Libraries`:

QuartzCore.framework
CoreTelephony.framework
CoreText.framework
UIKit.framework
Foundation.framework
CoreGraphics.framework
CoreMotion.framework
CFNetwork.framework
SystemConfiguration.framework
libc++.tbd
libsqlite3.tbd
libz.tbd

Then add the AlipaySDK.framework(under your node_modules/react-native-ottpay/ios folder) librarie to your project's Build Phases -> Link Binary With Libraries

If framework not found AlipaySDK please drag the folder node_modules/react-native-ottpay/ios to your project's Build Setting -> Framework Search Paths

copy the following in AppDelegate.m:

#import "IPNCrossBorderPluginAPi.h"
- (void)applicationWillEnterForeground:(UIApplication *)application {
    [IPNCrossBorderPluginAPi applicationDidBecomeActive];
    // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
}

Use

import OttPay from 'react-native-ottpay';

const payStr = 'appId=*******&mhtAmtCurrFlag=1&mhtCharset=UTF-8&mhtCurrencyType=USD&mhtOrderAmt=1&mhtOrderDetail=mhtOrderDetail&mhtOrderName=merchantTest&mhtOrderNo=20211026105613&mhtOrderStartTime=20211026105530&mhtOrderTimeOut=3600&mhtOrderType=01&notifyUrl=http%3A%2F%2Flocalhost%3A10802%2F&payChannelType=90&mhtSignType=MD5&mhtSignature=c0fbeceaf63331b60b908d0526fc3f82';

OttPay.startPay(payStr);

海带跨境