Flutter支付集成插件easypaisa_flutter的使用

Easily integrate easypaisa payment option in your Flutter app.

🚀 Installation

Add this to dependencies in your app’s pubspec.yaml:

dependencies:
  easypaisa_flutter: latest_version

🔨 Initialization

Initialize the plugin in main.dart:

import 'package:easypaisa_flutter/easypaisa_flutter.dart';

void main() {
  EasypaisaFlutter.initialize(
    'username', // merchant account username
    'password', // merchant account password
    'storeId', // merchant storeId
    true, // is testing account or not
    AccountType.MA, // Merchant account type either Mobile account or OTC 
  );
  runApp(const MyApp());
}

: Usage

All requested parameters are of String type.

: Make a payment

import 'package:http/http.dart' as http;

Future<void> makePayment(String amount, String accountNumber, String email) async {
  http.Response response = await EasypaisaFlutter.requestPayment(
    amount,
    accountNumber,
    email,
  );

  print(response.body); // to print response body
}

Response Example:

{
  "orderId": "1709272404426",
  "storeId": "storeId",
  "transactionDateTime": "01/03/2024 10:53 AM",
  "responseCode": "0001",
  "responseDesc": "your response descriptions"
}

: Inquire previous payment

Future<void> inquirePaymentStatus(String orderId, String accountNumber) async {
  http.Response response = await EasypaisaFlutter.requestPaymentStatus(
    orderId,
    accountNumber,
  );

  print(response.body); // to print response body
}

Response Example:

{
  "orderId": "order Id",
  "accountNum": "654123987",
  "storeId": "store Id",
  "storeName": "PG Store 1",
  "paymentToken": "40931912",
  "transactionStatus": "PENDING",
  "transactionAmount": 12,
  "transactionDateTime": "09/08/2018 10:04 PM",
  "paymentTokenExpiryDateTime": "09/07/2019 05:06 PM",
  "msisdn": "03458508726",
  "paymentMode": "MA",
  "responseCode": "0000",
  "responseDesc": "SUCCESS"
}

示例代码 Demo

import 'package:easypaisa_flutter/easypaisa_flutter.dart';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:http/http.dart' as http;

void main() {
  EasypaisaFlutter.initialize(
      'rideoptions',
      'd7d530ae300bf32090a2a0bc932ac708',
      '25056',
      true,
      AccountType.MA);
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: PaymentScreen(),
    );
  }
}

class PaymentScreen extends StatefulWidget {
  const PaymentScreen({super.key});

  @override
  State<PaymentScreen> createState() => _PaymentScreenState();
}

class _PaymentScreenState extends State<PaymentScreen> {
  final TextEditingController paymentAmountController = TextEditingController();
  final TextEditingController accountNumberController = TextEditingController();
  final TextEditingController emailController = TextEditingController();
  final Color primaryColor = const Color(0xff290D4A);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Payment Screen')),
      body: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          const SizedBox(height: 16.0),
          TextFormField(
            controller: accountNumberController,
            decoration: const InputDecoration(
              labelText: 'Account Number',
              border: OutlineInputBorder(),
            ),
          ),
          const SizedBox(height: 16.0),
          TextFormField(
            controller: paymentAmountController,
            decoration: const InputDecoration(
              labelText: 'Amount',
              border: OutlineInputBorder(),
            ),
          ),
          const SizedBox(height: 16.0),
          TextFormField(
            controller: emailController,
            decoration: const InputDecoration(
              labelText: 'Email',
              border: OutlineInputBorder(),
            ),
          ),
          ElevatedButton(
            style: ElevatedButton.styleFrom(
              foregroundColor: Colors.white,
              backgroundColor: primaryColor,
              elevation: 4.0,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(8.0),
              ),
            ),
            onPressed: () {
              if (accountNumberController.text.isEmpty) {
                Fluttertoast.showToast(
                  msg: "Please enter account number",
                  gravity: ToastGravity.BOTTOM,
                  backgroundColor: primaryColor,
                  textColor: Colors.white,
                );
              } else if (emailController.text.isEmpty) {
                Fluttertoast.showToast(
                  msg: "Please enter email",
                  gravity: ToastGravity.BOTTOM,
                  backgroundColor: primaryColor,
                  textColor: Colors.white,
                );
              } else if (paymentAmountController.text.isEmpty) {
                Fluttertoast.showToast(
                  msg: "Please enter amount",
                  gravity: ToastGravity.BOTTOM,
                  backgroundColor: primaryColor,
                  textColor: Colors.white,
                );
              } else {
                makePayment();
              }
            },
            child: const Text(
              'Continue',
              style: TextStyle(fontSize: 18.0),
            ),
          ),
        ],
      ),
    );
  }

  void makePayment() async {
    final http.Response response = await EasypaisaFlutter.requestPayment(
      amount: paymentAmountController.text.trim(),
      accountNo: accountNumberController.text.trim(),
      email: emailController.text.trim(),
    );
    print(response.body);
  }
}

Support the package by giving it a thumbs up at the top of this page or buy the developer a coffee here.