Klarna payment gateway integration in android with SDK

In this blog, we are going to learn about how to implement Klarna payment gateway integration in android with SDK approach.

Before starting integration first, we need to know what a payment gateway is.

A payment gateway is a merchant service provided by an e-commerce application service provider. Which authorizes card or direct payment processing.

Klarna payment gateway provides quick and secure online transactions. If you are planing on the integration of the Klarna payment by using SDK then this blog will help you to do so.

Klarna payment gateway work on the below steps:

Once the customer reaches at the checkout page and selects the Klarna payment method then session is created with klarna.
Klarna UI widgets will be initilized and loaded now for the customer interface.
Generates the authorization request after customer press buy.
After that place the order with authorization token.
Customer can capture the payment details after placing order.

Implementation

1. Initial setup

Adding SDK dependencies in your Application

Add below SDK repository in your project-level build.gradle file.

repositories {
    maven {
        url 'https://x.klarnacdn.net/mobile-sdk/'
    }
}

repositories {

maven {

url 'https://x.klarnacdn.net/mobile-sdk/'

}

Add below dependency in your app-level build.gradle file.

dependencies {
       implementation 'com.klarna.mobile:sdk:2.0.20'
}

dependencies {

implementation 'com.klarna.mobile:sdk:2.0.20'

}

2. Initialize payment

SDK PaymentForm provides the UI interface for payment. So you have to create or initialize the view.

First, start with initializing the credentials like:

OrderClient.initializeCredentials("klarnaMerchantId", "sharedSecret", "yourProductionApiUrl")

1	OrderClient.initializeCredentials("klarnaMerchantId", "sharedSecret", "yourProductionApiUrl")

Now we have to create a view like below:

val klarnaPaymentView = KlarnaPaymentView(context = context
        , category = PAY_NOW
        , callback = this)
mContentViewBinding.mainContainer.addView(klarnaPaymentView)

val klarnaPaymentView = KlarnaPaymentView(context = context

, category = PAY_NOW

, callback = this)

mContentViewBinding.mainContainer.addView(klarnaPaymentView)

After creating the view Initialize the payment gateway with client token(received from the backend session) as:

klarnaPaymentView.initialize(
        "clientToken",
        "returnUrl"
)

klarnaPaymentView.initialize(

"clientToken",

"returnUrl"

)

3. Handling payment callback:

It’s time to handle the payment callback. For that, you have to implement KlarnaPaymentViewCallback during the initialization like :

class CheckoutActivity : BaseActivity(), KlarnaPaymentViewCallback{ }

1	class CheckoutActivity : BaseActivity(), KlarnaPaymentViewCallback{ }

For getting the result by SDK override the KlarnaPaymentViewCallback methods like:

Perform the actions after SDK initialization with the below method:

override fun onInitialized(view: KlarnaPaymentView) {
    view.load(null)
}

//view loading callback is handled with onLoaded()
//enable the authorization after the payment view is loaded

override fun onLoaded(view: KlarnaPaymentView) {
   klarnaPaymentView.authorize(true, null)
}

//Request authorization callback is handled with onAuthorized()
//Once the request is authorized Finalize the request

override fun onAuthorized(
        view: KlarnaPaymentView,
        approved: Boolean,
        authToken: String?,
        finalizedRequired: Boolean?
) {
    klarnaPaymentView.finalize(null)
}

//For re authorization handle the callback with onReauthorized() 

override fun onReauthorized(view: KlarnaPaymentView, approved: Boolean, authToken: String?) {
    klarnaPaymentView.finalize(null)
}

//check payment status with onFinalized()

override fun onFinalized(view: KlarnaPaymentView, approved: Boolean, authToken: String?) {
    /*payment request is finalized with authToken and with approved value you can check for approval and dispapproval status */
}

//Load the payment review with onLoadPaymentReview()

override fun onLoadPaymentReview(view: KlarnaPaymentView, showForm: Boolean) {
}

//If any error occures in the above steps onErrorOccurred() will be called

override fun onErrorOccurred(view: KlarnaPaymentView, error: KlarnaPaymentsSDKError) {
    //error occured with error.name and error.message
}

override fun onInitialized(view: KlarnaPaymentView) {

view.load(null)

}

//view loading callback is handled with onLoaded()

//enable the authorization after the payment view is loaded

override fun onLoaded(view: KlarnaPaymentView) {

klarnaPaymentView.authorize(true, null)

}

//Request authorization callback is handled with onAuthorized()

//Once the request is authorized Finalize the request

override fun onAuthorized(

view: KlarnaPaymentView,

approved: Boolean,

authToken: String?,

finalizedRequired: Boolean?

) {

klarnaPaymentView.finalize(null)

}

//For re authorization handle the callback with onReauthorized()

override fun onReauthorized(view: KlarnaPaymentView, approved: Boolean, authToken: String?) {

klarnaPaymentView.finalize(null)

}

//check payment status with onFinalized()

override fun onFinalized(view: KlarnaPaymentView, approved: Boolean, authToken: String?) {

/*payment request is finalized with authToken and with approved value you can check for approval and dispapproval status */

}

//Load the payment review with onLoadPaymentReview()

override fun onLoadPaymentReview(view: KlarnaPaymentView, showForm: Boolean) {

}

//If any error occures in the above steps onErrorOccurred() will be called

override fun onErrorOccurred(view: KlarnaPaymentView, error: KlarnaPaymentsSDKError) {

//error occured with error.name and error.message

}

Conclusion:

In this blog, you have learned about the implementation of the Klarna payment gateway integration by using SDK.

For more information regarding the Klarna payment gateway follow the link.

Thanks for reading this blog. You can also check other blogs from here.

android

Akshay Kumar

11 Oct, 2021
Updated by - Akshay Kumar
30 Jul, 2021
Created by - Akshay Kumar

. . .