Flutter支付集成插件flutter_payway的使用

Flutter支付集成插件flutter_payway的使用

在Flutter项目中集成支付功能时,flutter_payway 是一个非常实用的插件。它基于 dart_payway 开发,能够帮助开发者快速实现支付功能。本文将详细介绍如何在Flutter项目中使用 flutter_payway 插件,并提供完整的示例代码。


1. 添加依赖

首先,在项目的 pubspec.yaml 文件中添加 flutter_payway 依赖:

dependencies:
  flutter_payway: ^1.0.0 # 确保使用最新版本

然后运行以下命令以安装依赖:

flutter pub get

2. 初始化插件

在使用 flutter_payway 之前,需要初始化插件并配置支付参数。以下是一个示例代码:

import 'package:flutter/material.dart';
import 'package:flutter_payway/flutter_payway.dart';

void main() {
  // 初始化支付插件
  WidgetsFlutterBinding.ensureInitialized();
  Payway.initialize(
    publicKey: 'your_public_key', // 替换为您的公钥
    privateKey: 'your_private_key', // 替换为您的私钥
    environment: Environment.sandbox, // 使用沙箱环境进行测试
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: PaymentPage(),
    );
  }
}

3. 创建支付页面

接下来,创建一个支付页面,用户可以通过该页面发起支付请求。以下是完整的示例代码:

class PaymentPage extends StatefulWidget {
  [@override](/user/override)
  _PaymentPageState createState() => _PaymentPageState();
}

class _PaymentPageState extends State<PaymentPage> {
  String _paymentUrl = ''; // 存储生成的支付URL

  // 发起支付请求
  void _initiatePayment() async {
    try {
      final paymentResponse = await Payway.createPayment(
        amount: 100.0, // 支付金额(单位为分)
        currency: 'USD', // 货币类型
        description: '购买商品示例', // 支付描述
        redirectUrl: 'https://your-redirect-url.com', // 支付完成后跳转的URL
      );

      setState(() {
        _paymentUrl = paymentResponse.url; // 获取生成的支付URL
      });
    } catch (e) {
      print('支付失败: $e');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter支付集成'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _initiatePayment,
              child: Text('发起支付'),
            ),
            SizedBox(height: 20),
            if (_paymentUrl.isNotEmpty)
              Text('支付URL: $_paymentUrl'), // 显示生成的支付URL
          ],
        ),
      ),
    );
  }
}

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

1 回复

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


flutter_payway 是一个用于在 Flutter 应用中集成支付功能的插件,主要支持柬埔寨的支付方式。它可以帮助开发者轻松地集成多种支付方式,如 ABA Pay、Wing、TrueMoney 等。

以下是如何使用 flutter_payway 插件的基本步骤:

1. 添加依赖

首先,在 pubspec.yaml 文件中添加 flutter_payway 依赖:

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

然后运行 flutter pub get 来安装依赖。

2. 初始化支付

在你的 Dart 文件中导入 flutter_payway 并初始化支付:

import 'package:flutter_payway/flutter_payway.dart';

void initPayment() async {
  // 初始化支付
  await FlutterPayway.initialize(
    merchantId: 'YOUR_MERCHANT_ID',
    merchantName: 'YOUR_MERCHANT_NAME',
    apiKey: 'YOUR_API_KEY',
    isProduction: false, // 设置为 true 以使用生产环境
  );
}

3. 创建支付请求

创建一个支付请求对象,并设置必要的参数:

void createPaymentRequest() async {
  PaymentRequest paymentRequest = PaymentRequest(
    amount: 100.0, // 支付金额
    currency: 'USD', // 货币类型
    description: 'Test Payment', // 支付描述
    orderId: 'ORDER123', // 订单ID
    customerName: 'John Doe', // 客户名称
    customerPhone: '012345678', // 客户电话
    customerEmail: 'john.doe@example.com', // 客户邮箱
  );

  // 发起支付
  PaymentResponse response = await FlutterPayway.pay(paymentRequest);

  // 处理支付结果
  if (response.isSuccess) {
    print('Payment successful: ${response.transactionId}');
  } else {
    print('Payment failed: ${response.errorMessage}');
  }
}

4. 处理支付结果

FlutterPayway.pay 方法会返回一个 PaymentResponse 对象,你可以根据 isSuccess 属性来判断支付是否成功,并获取相关的交易信息或错误信息。

5. 处理回调

你还可以设置一个回调来处理支付结果:

void setPaymentCallback() {
  FlutterPayway.setPaymentCallback((PaymentResponse response) {
    if (response.isSuccess) {
      print('Payment successful: ${response.transactionId}');
    } else {
      print('Payment failed: ${response.errorMessage}');
    }
  });
}

6. 处理支付取消

如果用户取消了支付,你可以通过检查 isCanceled 属性来处理:

void checkPaymentCanceled(PaymentResponse response) {
  if (response.isCanceled) {
    print('Payment was canceled by the user.');
  }
}

7. 处理支付错误

如果支付过程中发生错误,你可以通过 errorMessage 属性获取错误信息:

void handlePaymentError(PaymentResponse response) {
  if (response.errorMessage != null) {
    print('Payment error: ${response.errorMessage}');
  }
}

8. 清理资源

在应用退出时,可以调用 dispose 方法来清理资源:

void disposePayment() {
  FlutterPayway.dispose();
}
回到顶部