flutter_paymob 1.0.2

flutter_paymob: ^1.0.2 copied to clipboard

Flutter Paymob #

Flutter Paymob is a library that enables Flutter applications to accept payments through online cards and electronic wallets using the Paymob service.

🚀 Installation #

Add this to dependencies in your app's pubspec.yaml

flutter_paymob : latest_version

⭐: Initialization #

In your main.dart file, make sure to configure the Flutter Paymob library properly:

  void main() {
  WidgetsFlutterBinding.ensureInitialized();
  ...
  FlutterPaymob.instance.initialize(
      apiKey:
      "auth key", //  // from dashboard Select Settings -> Account Info -> API Key 
      integrationID: 123456 , // // from dashboard Select Developers -> Payment Integrations -> Online Card ID 
      walletIntegrationId: 123456, // // from dashboard Select Developers -> Payment Integrations -> Online wallet
      iFrameID: 12346); // from paymob Select Developers -> iframes 
  ...
  runApp(const MyApp());
}

📌 Note :

You can use this singleton (instance) or if you want to create different iFrames or integrations Alternatively, you can create your own instance:

final FlutterPaymob flutterPaymob = FlutterPaymob();
  flutterPaymob.initialize(
    apiKey:"auth key",   // from dashboard Select Settings -> Account Info -> API Key 
    integrationID: 123456 , // optional => from dashboard Select Developers -> Payment Integrations -> Online Card ID 
    walletIntegrationId: 123456, // optional => from dashboard Select Developers -> Payment Integrations -> Online wallet
    iFrameID: 12346); // from paymob Select Developers -> iframes 
);

🔖 Usage #

💳 Payment with Card #

  FlutterPaymob.instance.payWithCard(
    context: context,
    currency: "EGP",
    amount: 100 ,// EGP
    // optional
    onPayment: (response) { 
    response.success == true
    ? ScaffoldMessenger.of(context).showSnackBar(SnackBar(
    content: Text(response.message ?? "Successes")))
    : null;
)

📲 Payment with Wallet #

  FlutterPaymob.instance.payWithWallet(
    context: context,
    currency: "EGP",
    amount: 100 ,// EGP
    number: "01010101010", // wallet number
    // optional
    onPayment: (response) { 
    response.success == true
    ? ScaffoldMessenger.of(context).showSnackBar(SnackBar(
    content: Text(response.message ?? "Successes")))
    : null;
)

📨 PaymobResponse #

Test #

Use the following card test data to perform a test transaction with your test integration ID:

MasterCard

👍 That's it, you've successfully finalized your Card payments integration with Accept 🎉. Now, prepare endpoints to receive payment notifications from Accept's server, to learn more about the transactions webhooks

Wallet

👍 That's it, you've successfully finalized your Mobile Wallets Payments integration with Accept 🎉. Now, prepare endpoints to receive payment notifications from Accept's server, to learn more about the transactions webhooks