Git Product home page Git Product logo

demo-checkout-android's Introduction

About Mollie Checkout for Android

Mollie Checkout demonstrates how to handle Mollie payments in Android applications. We built this demo app to help you integrate with Mollie quicker.

This page provides you an overview of the different ways you can implement Mollie payments in your app. Before implementing one of the flows, read the following pages:

Functionalities

Mollie Checkout for Android focuses on the core functionalities needed to handle payments.

  • Retrieve payments
  • Create a payment
  • Select the issuer and payment method
  • Execute a payment
  • Handle an executed payment.

This demo app also enables you to configure settings for two different implementation flows, depending on your preference.

Retrieve payments Create payment Select method and issuer
Payments list Create payment Select method/issuer

Flows

You can implement two different flows: basic and advanced. You can also customise the payment selection step (optional).

Basic implementation

Basic flow

In the basic implementation flow, payment links open in an external browser on the customer’s device. A deep link returns the customer to the app after the payment is processed.

Tip: We recommend this flow if you want to add Mollie payments to your app with minimum effort, because it’s easy to implement.

Pros Cons
  • The experience is similar to executing a Mollie payment on the web.
  • The payment flow is reliable, because it's handled natively by Mollie in the web.
  • You can do test payments because test and production payments are handled in a similar environment.
There are limited theming options because the flow uses an external browser. Some browsers support custom theming (such as Chrome Custom Tabs), however, customers might not have Chrome on their device.

Advanced implementation

Advanced flow

In contrast to the basic implementation, the advanced implementation opens payment links in a WebView. After the payment is processed, the customer returns to the app through a deep link, a callback, or by manually reopening the app.

The advanced implementation enables you to customise the payment flow in your app. You can style the components outside the WebView, such as the Activity, Toolbar, and so on.

However, it’s harder to implement than the basic implementation, because it requires more handling to ensure a smooth user experience. You also need to handle and test each case separately, which makes it more prone to errors.

Pros Cons
You can fully customise the payment flow in your app. Requires more handling to test, for example:
  • You must check whether other native apps are installed on the device, and launch the corresponding app when needed to execute a payment.
  • You must test using real payments, because production and test payments behave differently.

Customised payment method selection (optional)

When customers place an order in your app, the payment is executed in two steps:

  1. The customer selects the payment method, for example, iDEAL or credit card.
  2. The customer completes the payment using a native app or by providing requested details.

By default, Mollie handles both steps in the web. Mollie Checkout for Android enables you to add the payment method selection step to your app, so that you can customise it to match your app's theme.

If you include this step in your app, customers select the payment method in your app and complete the payment in the web.

Pros Cons
You can customise the payment method selection to match your app's theme.
  • Customers must select the payment method before creating the payment, which means they can’t go back to select a different method when they reach the completion step.
  • Requires additional configuration to implement a call that retrieves the payment methods to both the backend and the app.

Next steps

Read the following guides to implement Mollie payments in your app.

demo-checkout-android's People

Contributors

alexkok avatar molliesys avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.