Online banking Thailand Android Component

Our Online banking Thailand Component renders Online banking Thailand in your payment form and collects your shopper's selected bank.

When making an Online banking Thailand payment, you additionally need to:

• Handle the redirect.

Requirements

Show Online banking Thailand in your payment form

To show Online banking Thailand Component in your payment form, you need to:

1. Specify in your /paymentMethods request:

   • countryCode: TH
   • amount.currency: THB

2. Deserialize the response from the /paymentMethods call and get the object with type: molpay_ebanking_TH.

3. Add the Online banking Thailand Component:

   a. Import the Online banking Thailand Component to your build.gradle file.

   implementation "com.adyen.checkout:molpay:<latest-version>"

   Check the latest version on GitHub.

   b. Create an molpayConfiguration object:

   val molpayConfiguration =
    MolpayConfiguration.Builder(context, "YOUR_CLIENT_KEY")
        // When you are ready to accept live payments, change the value to one of our live environments.
        .setEnvironment(Environment.TEST)
        .build()

   c. Initialize the Online banking Thailand Component. Pass the payment method object and the molpayConfiguration object.

   val molpayComponent = MolpayComponent.PROVIDER.get(this@YourActivity, paymentMethod, molpayConfiguration)

   d. Add the Online banking Thailand Component view to your layout.

   <com.adyen.checkout.molpay.MolpaySpinnerView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"/>

   e. Attach the Component to the view to start getting your shopper's payment details.

   molpaySpinnerView.attach(molpayComponent, this@YourActivity)

   f. When shoppers enter their payment details, you start receiving updates. If isValid is true and the shopper proceeds to pay, pass the paymentComponentState.data.paymentMethod to your server and make a payment request.

   molpayComponent.observe(this) { paymentComponentState ->
     if (paymentComponentState?.isValid == true) {
        // When the shopper proceeds to pay, pass the `paymentComponentState.data` to your server to send a /payments request
        sendPayment(paymentComponentState.data)
     }
   }

Make a payment

When the shopper proceeds to pay, the Component returns the paymentComponentState.data.paymentMethod.

1. Pass the paymentComponentState.data.paymentMethod to your server.
2. From your server, make a /payments request, specifying:
   • paymentMethod.type: The paymentComponentState.data.paymentMethod from your client app. In this example, the issuer is set to Bangkok Bank.
   • returnURL: URL to where the shopper should be redirected back to after they complete the payment. This URL can have a maximum of 1024 characters. Get this URL from the Component in the RedirectComponent.getReturnUrl(context).

In the  /payments response, note the `action` object. This contains the information needed to redirect the shopper.

<div data-component-wrapper="code-sample">
<code-sample
    :title="'/payments response'"
    :id="''"
    :code-data="[{&quot;language&quot;:&quot;json&quot;,&quot;tabTitle&quot;:&quot;&quot;,&quot;content&quot;:&quot;{\n   \&quot;resultCode\&quot;:\&quot;RedirectShopper\&quot;,\n   \&quot;action\&quot;:{\n      \&quot;paymentMethodType\&quot;:\&quot;molpay_ebanking_TH\&quot;,\n      \&quot;method\&quot;:\&quot;GET\&quot;,\n      \&quot;url\&quot;:\&quot;https:\/\/checkoutshopper-test.adyen.com\/checkoutshopper\/checkoutPaymentRedirect?redirectData=...\&quot;,\n      \&quot;type\&quot;:\&quot;redirect\&quot;\n   }\n}&quot;}]"
    :enable-copy-link-to-code-block="true"
    :code-sample-card-size="'fullsize'"
></code-sample>

3. Pass the action object to your client app. You need this to initialize the Redirect Component.

Handle the redirect

1. Use the Redirect Component to redirect the shopper to the issuing bank's app or website.
2. After the shopper returns to your app, make a POST /payments/details request from your server, providing:
   • details: The actionComponentData.details object from the Redirect Component.

You receive a response containing:

• resultCode: Use this to present the payment result to your shopper.
• pspReference: Our unique identifier for the transaction.

Present the payment result

Use the resultCode that you received in the /payments/details response to present the payment result to your shopper.

The resultCode values you can receive for Online banking Thailand are:

If the shopper failed to return to your website or app, wait for webhooks to know the outcome of the payment:

Test and go live

Using any issuer ID that is available for the Online banking Thailand Component for the respective country/region, make Online banking Thailand online banking test payments to test the different payment results.

Check the status of the Online banking Thailand test payments in your Customer Area > Transactions > Payments.

Before you can accept live Online banking Thailand payments, you need to submit a request for Online banking Thailand in your live Customer Area.

See also