Prerequisites🔗
React Native SDK Version: Support "0.64.2" and upper
Download the SDK from below link
React Native Client
Step 1: Create New Order (REST API) 🔗
Please refer Order API Documentation for more details.
Use the below url to create an order in your (backend) server.
UAT URL:
https://uatapi.payg.in/payment/api/order
Production URL:
https://paygapi.payg.in/payment/api/order
/create
Authorization: basic authentication with base64encoded
PayGAuthentication –
<MerchantAuthenticationKey>:<MerchantAuthenticationToken>:M:<MerchantKeyId>
{
"Merchantkeyid": "7963",
"UniqueRequestId": "f3f5b5c13f",
"UserDefinedData": {
"UserDefined1": ""
},
"RequestDateTime": "06232021",
"RedirectUrl": "https://payg.in",
"TransactionData": {
"AcceptedPaymentTypes": "",
"PaymentType": "",
"SurchargeType": "",
"SurchargeValue": "",
"RefTransactionId": "",
"IndustrySpecificationCode": "",
"PartialPaymentOption": ""
},
"OrderAmount": "100",
"OrderType": "",
"OrderAmountData": {
"AmountTypeDesc": "3",
"Amount": "2"
},
"CustomerData": {
"CustomerId": "152433",
"CustomerNotes": "amway product",
"FirstName": "kanhaiya",
"LastName": "dhaked",
"MobileNo": "08619083450",
"Email": "demo@gmail.com",
"EmailReceipt": "true",
"BillingAddress": "44 bhawar nagar semal",
"BillingCity": "semla",
"BillingState": "Rajasthan",
"BillingCountry": "India",
"BillingZipCode": "30202020",
"ShippingFirstName": "yagyang",
"ShippingLastName": "dhaked",
"ShippingAddress": "44 bhawar nagar semal",
"ShippingCity": "semla",
"ShippingState": "Rajasthan",
"ShippingCountry": "India",
"ShippingZipCode": "30202020",
"ShippingMobileNo": "08619083450"
},
"IntegrationData": {
"UserName": "ranjith",
"Source": "3213",
"IntegrationType": "11",
"HashData": "",
"PlatformId": "1"
},
}
var data = {
Merchantkeyid: this.state.MerchantKeyId,
UniqueRequestId: this.state.uniqId,
OrderStatus: 'Initiating',
UserDefinedData: {
UserDefined1: ''
},
RequestDateTime: "11/08/2021",
RedirectUrl: this.state.RedirectUrl,
TransactionData: {
AcceptedPaymentTypes: '',
PaymentType: this.state.orderType,
SurchargeType: this.state.orderType,
SurchargeValue: this.state.orderType,
RefTransactionId: this.state.orderType,
IndustrySpecificationCode: this.state.orderType,
PartialPaymentOption: this.state.orderType,
},
OrderAmount: this.state.orderAmount,
OrderType: 'MOBILE',
OrderAmountData: {
AmountTypeDesc: this.state.amountTypeDesc,
Amount: this.state.amount
},
CustomerData: {
'CustomerId': this.state.CustomerId,
'CustomerNotes': this.state.customerNotes,
'FirstName': this.state.firstName,
'LastName': this.state.lastName,
'MobileNo': this.state.mobileNo,
'Email': this.state.email,
'EmailReceipt': this.state.emailReceipt,
'BillingAddress': this.state.billingAddress,
'BillingCity': this.state.billingCity,
'BillingState': this.state.billingState,
'BillingCountry': this.state.billingCountry,
'BillingZipCode': this.state.billingZipCode,
'ShippingFirstName': this.state.shippingFirstName,
'ShippingLastName': this.state.shippingLastName,
'ShippingAddress': this.state.sippingAddress,
'ShippingCity': this.state.shippingCity,
'ShippingState': this.state.sippingState,
'ShippingCountry': this.state.shippingCountry,
'ShippingZipCode': this.state.shippingZipCode,
'ShippingMobileNo': this.state.shippingMobileNo,
},
IntegrationData: {
UserName: this.state.userName,
Source: 'MobileSDK',
IntegrationType: '11',
HashData: this.state.hashData,
PlatformId: this.state.platformId,
}
};
{"OrderKeyId":"210619M11172U6f463b05b1",
"MerchantKeyId":11172,
"UniqueRequestId":"6f463b05b1",
"OrderType":"PAYMENT",
"OrderAmount":45,
"OrderId":77,
"OrderStatus":'',
"OrderPaymentStatus":0,
"OrderPaymentStatusText":'',
"PaymentStatus":0,
"PaymentTransactionId":'',
"PaymentResponseCode":0,
"PaymentApprovalCode":'',
"PaymentTransactionRefNo":'',
"PaymentResponseText":'',
"PaymentMethod":'',
"PaymentAccount":'',
"OrderNotes":'',
"PaymentDateTime":'',
"UpdatedDateTime":'',
"PaymentProcessUrl":"https:\/\/payg.in\/payment\/payment?orderid=210619M11172U6f463b05b1",
"OrderPaymentCustomerData":{
"FirstName":"kanhaiya",
"LastName":'dhaked',
"Address":'jaipur',
"City":'jaipur',
"State":'RJ',
"ZipCode":'302020',
"Country":'IN',
"MobileNo":"8619083450",
"Email":"kl.nagar7@gmail.com",
"UserId":'34',
"IpAddress":'127.0.0.1'
},
"UpiLink":"upi:\/\/pay?pa=A2zfame@yesbank&pn=A2zfame&mc=8999&am=0&mam=null&cu=INR&mode=01&orgid=00000&mid=YES0000001558758&sign=YzYxYzhmOWI5MjY1MjM3ZDEzMzQ0NDhkYWQ3NTNlZGE5OTcwMDE2MjEyODQ2ZDFiZjdlNTU4YmM3OThkOTY0NGIxYzk3OGIxNGZjM2VkMWRhYjA2MDA4MDhhZDY2M2Q2Y2I5MWQ4ZmExMTAzMjU0YzJhNTk4MDRjMzhlZmVkNGI="
}
Step 2: Payment process url for checkout 🔗
Once your order is created successfully, Then, you will get payment process url and UPI link in response. This payment url is used to redirect to actual payment screen.
Developer can redirect either by using javascript or other programming languge.
This is a javascript example like window.location="Payment process url"
UPI Link is for UPI payment. You can use either payment process URL or UPI based on your requirement.
Step 3: Order Details (API Request Parameters) 🔗
You can get order details by passing the below request parameters.
Authorization: basic authentication with base64encoded
PayGAuthentication –
<MerchantAuthenticationKey>:<MerchantAuthenticationToken>:M:<MerchantKeyId>
{
"OrderKeyId": "210624M7963Ubd259588d4",
"MerchantKeyId":"7963",
"PaymentType": ''
};
var data = {
Merchantkeyid: this.state.MerchantKeyId,
OrderKeyId: this.state.orderId,
PaymentType: '',
};
{
"OrderKeyId": "210624M7963Ubd259588d4",
"MerchantKeyId": 7963,
"UniqueRequestId": "bd259588d4",
"OrderType": "213",
"OrderAmount": 1.00,
"OrderId": null,
"OrderStatus": "0",
"OrderPaymentStatus": 0,
"OrderPaymentStatusText": null,
"PaymentStatus": 0,
"PaymentTransactionId": null,
"PaymentResponseCode": 0,
"PaymentApprovalCode": null,
"PaymentTransactionRefNo": null,
"PaymentResponseText": null,
"PaymentMethod": null,
"PaymentAccount": null,
"OrderNotes": null,
"PaymentDateTime": null,
"UpdatedDateTime": "6/24/2021 6:12:43 PM",
"PaymentProcessUrl": null,
"OrderPaymentCustomerData": null,
"UpiLink": null
}