Overview to implement square payment integration through SDK.

In this blog, we are going to learn about how to implement Square payment integration through SDK in the app. We will cover the In-App payment SDK Client side and Server side in this blog. So let’s get started.

A Square In-App Payments SDK provides a secure, managed payments client for Android, iOS, Flutter, and React Native applications.

Use In-App Payments SDK to accept payment cards such as credit cards and digital wallets (Apple Pay, Google Pay, and Secure Remote Commerce) with a fully customized payment screen that seamlessly matches the branding of the application.

In-App Payments SDK is available for native development on iOS and Android and as an open-source plugin for Flutter and React Native.

Let’s understand this with an example.

1.) At the very first, we have to add the dependency in the build. Gradle.

Add a compile option to support Java version 1.8 in the build. Gradle file for your :app module:

Add the In-App Payments SDK dependency in the module

Add the In-App Payments SDK dependency to the module build. Gradle file:

Update the ProGuard-rules.pr file in the solution application folder to apply rules to In-App Payment SDK classes:

2.) Configure In-App Payments SDK

We must have the application_id which is implemented in Android. Manifest

3.) To build with In-App Payments SDK on Android, the following must be true:

• The application minSdkVersion must be API 21 (Lollipop, 5.0) or later.

• You have a Square account enabled for payment processing. If you have not enabled payment processing on your account (or you are not sure), visit squareup.com/activate.

You must add the onClick event in the button

4.) After that Get the card nonce in the onActivityResult()

Received the cardnonce in the onResult() as an isSuccess() or isCancelled() both the cases.

5.) Now by using the card nonce we start the process with curl operation by server-side.

The backend service calls the Payments API to create a payment that charges the card entered by a buyer in your mobile client. For more information about making a payment, see Take a payment using a secure token (nonce).

The curl operation must be done with the below code.

Finally, we have implemented the code part of payment integration.

Also, after the Server-side payment completion, the payment process completed.

You can also check these links.

Another mentioned URL

For more understanding please can go through this link:

That’s all, You can enjoy your square payment integration feature.

Thank you very much.