$ npm install @mahmoudaliibrahim/react-native-payfort-sdk --save
$ react-native link @mahmoudaliibrahim/react-native-payfort-sdk
- Extract this folder.
- Drag the
PayFortSDK.framework
&PayFortSDK.bundle
toFrameworks
in Project Navigator. - Create a new group
Frameworks
if it does not exist: * Choose Create groups for any added folders. * Make Sure to select Copy files if needed. - Set
-ObjC
in the Other Linker Flags in theTarget
→Build Settings
Tab. - For Swift Projects Don’t forget to add the
#import
to theBridging-Header.h
- Extract this folder.
- In Android Studio, choose
File
→New
→New Module
then selectImport .JAR\.AAR Package
. - In the next step, find to the path of .aar file in library folder and press
Finish
.
First, you have to read the document from Payfort carefully
import RNReactNativePayfortSdk from '@mahmoudaliibrahim/react-native-payfort-sdk';
let data = {};
data['access_code'] = 'abcdxyzqwerty'; // require field
data['merchant_identify'] = 'poilkjyhm'; // require field
data['request_phrase'] = 'tgbvfe'; // require field
data['customer_email'] = '[email protected]'; // require field
data['currency'] = 'USD'; // require field
data['amount'] = '10'; // require field
data['merchant_reference'] = '123456'; // require field
data['customer_name'] = 'Glenn';
data['customer_ip'] = '27.79.60.231';
data['payment_option'] = 'VISA';
data['order_description'] = 'Order for testing';
RNReactNativePayfortSdk.openPayfort(data, (response) => {
console.log(response);
}, (message) => {
// Message in case payment is failure or cancel
});