FPX Online banking Malaysia Android Component

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

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

• Handle the redirect.

Requirements

Show Online banking Malaysia in your payment form

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

1. Specify in your /paymentMethods request:

   • countryCode: MY
   • amount.currency: MYR

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

3. Add the Online banking Malaysia Component:

   a. Import the Online banking Malaysia 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 Malaysia Component. Pass the payment method object and the molpayConfiguration object.

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

   d. Add the Online banking Malaysia 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 Bank Rakyat.
   • 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_fpx_MY\&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 MOLPay online banking 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 MOLPay eBanking Component for the respective country/region, make MOLPay online banking test payments to test the different payment results.

Check the status of the MOLPay test payments in your Customer Area > Transactions > Payments.

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

See also