1. Integration Steps

Before you start with the integration, enable the payment methods that you want to offer to your customers from Dashboard > Settings > Payment methods. We enable Cards, UPI, and other payment methods by default, and we recommend that you enable other payment methods that are relevant to you.

Step 1: Create a PayU account

First, create a PayU account. For more information, refer to Register for a Merchant Account.

Step 2: Include the SDK in your application

Include the SDK in your application’s build.gradle:

implementation 'in.payu:native-otp-assist:1.4.1'

Step 3: Set up payment hash and post data

Generate payment hash

For more information on the generation of Payment Hash, refer to Generate Hash.

🚧

Remeber

Every transaction (payment or non-payment) needs a hash set up by you before sending the transaction details to PayU. Hash is required for PayU to validate the authenticity of the transaction. This hashing should be done on your server.

Payment post data

Use the Core SDK library to generate payment post data.

Step 4: Initiate payment

Initialize Native OTP SDK

Initialize the Native OTP Assist SDK by providing the PayUOtpAssistConfig object having post data and reference to PayUOtpAssistCallback to listen to the SDK events similar to the following code block:

PayUOtpAssistConfig payUOtpAssistConfig = PayUOtpAssistConfig();
payUOtpAssistConfig.setPostData("POST_DATA_FOR_TRANSACTION");
PayUOtpAssist.open(
Context context, 
PayUOtpAssistCallback payUOtpAssistCallback, 
PayUOtpAssistConfig payUOtpAssistConfig);

val payUOtpAssistConfig = PayUOtpAssistConfig()
payUOtpAssistConfig.postData = "POST_DATA_FOR_TRANSACTION"
PayUOtpAssist.open(
    context: Context, 
    payUOtpAssistCallback: PayUOtpAssistCallback,  
    payUOtpAssistConfig: PayUOtpAssistConfig) 

📘

Remember

Ensure that you configure the Internet permission in your manifest file: <uses-permission android:name="android.permission.INTERNET" />

PayU fetches the OTP through RECEIVE_SMS if the RECEIVE_SMS permission is granted. Otherwise, fetch the OTP using the Google Consent API. To understand the flow, refer to PayU OTP Parser.

Callbacks

The following is a list of callback functions provided by PayUOtpAssistCallback class:

• fun onPaymentSuccess(merchantResponse: String?, payUResponse: String?): Called when payment succeeds. merchantResponse:
• fun onPaymentFailure(merchantResponse: String?, payUResponse: String?): Called when a payment fails.
• fun onError(errorCode: String?, errorMessage: String?): Called when we got some error, where:
  • errorCode: Error Code
  • errorMessage: Error Description
• fun shouldHandleFallback(payUAcsRequest: PayUAcsRequest): Boolean – It’s an optional callback, override when you want to handle the Bank page redirection flow. You just need to change the return value to false. You can also open CustomeBrowser in fallback scenarios. The following code snippet is to launch the CustomBrowser.

boolean shouldHandleFallback(PayUAcsRequest payUAcsRequest){
  CustomBrowserConfig customBrowserConfig = new CustomBrowserConfig(merchantKey, txnId);
  //Set the issuerUrl and issuerPostData to open in WebView for otp assist redirection to bank page
  if (payUAcsRequest.getIssuerUrl()!=null && payUAcsRequest.getIssuerPostData()!=null) {
  customBrowserConfig.setPostURL(payUAcsRequest.getIssuerUrl());
  customBrowserConfig.setPayuPostData(payUAcsRequest.getIssuerPostData())
  }else if (payUAcsRequest.getAcsTemplate()!=null){
  customBrowserConfig.setHtmlData(payUAcsRequest.getAcsTemplate());
  }else {
  //Set the first url to open in WebView
  customBrowserConfig.setPostURL(url);
  customBrowserConfig.setPayuPostData(payuConfig.getData);
  }
  return false;
}

fun shouldHandleFallback(payUAcsRequest: PayUAcsRequest) : Boolean {

val customBrowserConfig = CustomBrowserConfig(merchantKey, txnId)
   
  //Set the issuerUrl and issuerPostData to open in WebView for otp assist redirection to bank page
  if (!payUAcsRequest?.issuerUrl.isNullOrEmpty() && !payUAcsRequest?.issuerPostData.isNullOrEmpty()) {
    customBrowserConfig.postURL = payUAcsRequest?.issuerUrl
    customBrowserConfig.payuPostData = payUAcsRequest?.issuerPostData

}else if (!payUAcsRequest?.acsTemplate.isNullOrEmpty()){
    customBrowserConfig.htmlData = payUAcsRequest?.acsTemplate
}else {
    //Set the first url to open in WebView
    customBrowserConfig.postURL = url
    customBrowserConfig.payuPostData = payuConfig.data
}
return false
}

You will get PayUAcsRequest on shouldHandleFallback() callback. Whether you will get issuerUrl and issuerPostData or acsTemplate on PayUAcsRequest.acsTemplate is the HTML string that you need to load to the Web view.

The following table lists error codes and their description:

🚧

Remember

After you get the response from SDK, make sure to confirm it with the PayU server. It is recommended to implement the PayU Webhook or backend verify call from your backend.

Step 5: Verify the transaction using webhook

After you get the response from SDK, make sure to confirm it with the PayU server.

Note: It is recommended to implement the PayU Webhook or backend verifies calls from your backend.

Webhook is a server-to-server callback. Once this feature is activated for merchants, PayU would send an S2S response, in addition to an SDK callback, to the merchant. It is recommended for the merchant process the transaction order status – based on the S2S response and not via the Browser Redirection/SDK callback response to ensure optimum translation outcomes. For more information on the Webhook implementation, refer to Web Checkout Integration Documentation > Webhooks,

Also, you can verify payment through polling, the transaction status after the SDK callback from your backend. For more information, refer to Verify the Transaction.