Documentation

Flutter SDK

Incorporate the NTTDATAPAY Flutter Standard plugin with our SDKs for Android and iOS platforms.

This demo project, built with Flutter, demonstrates the integration of the NTT DATA Payment Gateway into a Flutter application. It provides a practical example for developers to implement secure and efficient payment processing within their Flutter apps.


How to Use

Step 1: Install dependencies

Install all the project dependencies by running the following command:

implementation(files("libs/ndpsaipaycheckout-release.aar"))
implementation libs.volley

Step 2: Run the application

Run the Flutter application using the following command:

flutter run

Step 3: Launch and token generation

Once the application is launched, the Atom Token ID will be fetched automatically.

You will see a sample merchant shop UI displaying:

  • Atom Token ID
  • Transaction ID
  • Amount

Step 4: Initiate payment

Click the Pay Now button to initiate the payment process.

The app will:

  • Encrypt your transaction data
  • Navigate to the payment page using the Atom Token ID

Step 5: Complete the payment

Complete the payment on the payment page.

After a successful transaction:

  • The response will be processed
  • A toast message will be displayed
  • You will be redirected to the home page

How to Configure

  • Change JSON Data
    Modify the JSON payload in home.dart to include custom fields such as user email, contact number, etc.

  • AIPAY Environment
    Update the CDN link inside the WebView payment script according to your environment:

    • UAT
    • Production

Project Structure

File / DirectoryDescription
lib/main.dartEntry point of the application
lib/home.dartHandles API calls, encryption, decryption, navigation, and payment page
pubspec.yamlDefines dependencies and metadata
README.mdProject documentation

Sample App

Refer to the sample app repository for integration:

https://github.com/nttdatapay/nttdatapay-flutter.git


Related Information