Flutter支付集成插件paytm_customuisdk的使用

Flutter支付集成插件paytm_customuisdk的使用

使用此软件包作为库

  1. 依赖它

    在你的项目 pubspec.yaml 文件中添加以下依赖项:

    dependencies:
      paytm_customuisdk: ^1.0.0
    
  2. 安装它

    你可以通过命令行安装软件包:

    使用 Flutter:

    $ flutter pub get
    

    或者,你的编辑器可能支持 flutter pub get。查阅有关你的编辑器的文档以了解更多信息。

  3. 导入它

    现在在你的 Dart 代码中,可以这样导入:

    import 'package:paytm_customuisdk/paytm_customuisdk.dart';
    
  4. 调用交易方法

    下面是一个示例,展示了如何调用交易方法:

    void getUpiIntentList() {
        PaytmCustomUiSDK().getUpiIntentList().then((value) {
            print(value);
            setState(() {
                upiAppList = UpiAppList.fromJson(value);
            });
        }).catchError((onError) {
            if (onError is PlatformException) {
                Utils.showMessage(context,
                    "${onError.message.toString()} \n  ${onError.details.toString()}");
            } else {
                Utils.showMessage(context, onError.toString());
            }
        });
    }
    
    void goForUpiIntentTransaction(String appName) {
        PaytmCustomUiSDK().goForUpiIntentTransaction(appName, paymentFlow).then((value) {
            print(value);
            Utils.showMessage(context, value.toString(), true);
        }).catchError((onError) {
            if (onError is PlatformException) {
                Utils.showMessage(context,
                    "${onError.message.toString()} \n  ${onError.details.toString()}");
            } else {
                Utils.showMessage(context, onError.toString());
            }
        });
    }
    

完整示例代码

以下是完整的示例代码,帮助你更好地理解如何使用 paytm_customuisdk 插件。

import 'package:flutter/material.dart';

import 'package:paytm_customuisdk_example/home_page.dart';

void main() {
  runApp(const MaterialApp(
    title: "App",
    home: MyApp(),
  ));
}

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: MainPage(),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Custom UI SDK Sample App'),
        ),
        body: Center(
          child: ElevatedButton(
            child: const Text('开始新流程'),
            onPressed: () {
              Navigator.push(context, MaterialPageRoute(
                builder: (context) {
                  return const HomePage();
                },
              ));
            },
          ),
        ),
      ),
    );
  }
}

更多关于Flutter支付集成插件paytm_customuisdk的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter支付集成插件paytm_customuisdk的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


paytm_customuisdk 是一个用于在 Flutter 应用中集成 Paytm 支付的插件。通过这个插件,你可以轻松地在你的 Flutter 应用中实现 Paytm 支付功能。以下是如何使用 paytm_customuisdk 插件的详细步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 paytm_customuisdk 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  paytm_customuisdk: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 配置 Android

在 Android 项目中,你需要在 AndroidManifest.xml 文件中添加以下权限:

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

3. 配置 iOS

在 iOS 项目中,你需要在 Info.plist 文件中添加以下权限:

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

4. 初始化 Paytm SDK

在你的 Flutter 应用中,首先需要初始化 Paytm SDK。你可以在 main.dart 文件中进行初始化:

import 'package:paytm_customuisdk/paytm_customuisdk.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await PaytmCustomUISDK.initialize();
  runApp(MyApp());
}

5. 发起支付请求

接下来,你可以在需要支付的地方发起支付请求。你需要提供一些必要的信息,例如 mid, orderId, txnToken, amount, callbackUrl 等。

import 'package:paytm_customuisdk/paytm_customuisdk.dart';

void initiatePayment() async {
  try {
    var response = await PaytmCustomUISDK.startPayment(
      mid: "YOUR_MID", // 你的商户ID
      orderId: "YOUR_ORDER_ID", // 订单ID
      txnToken: "YOUR_TXN_TOKEN", // 交易令牌
      amount: "100.00", // 交易金额
      callbackUrl: "https://securegw.paytm.in/theia/paytmCallback?ORDER_ID=YOUR_ORDER_ID", // 回调URL
      isStaging: true, // 是否使用测试环境
    );

    print("Payment Response: $response");

    if (response['status'] == 'SUCCESS') {
      // 支付成功
    } else {
      // 支付失败
    }
  } catch (e) {
    print("Error: $e");
  }
}
回到顶部