Flutter支付功能插件moneyhash_payment的使用

Flutter支付功能插件moneyhash_payment的使用

MoneyHash Flutter SDK 允许开发者将其支付处理功能集成到他们的应用中。该SDK提供了一种简单且方便的方式来接受客户付款、管理订阅和发送付款。

开始使用

您可以从我们的 集成指南 和 示例项目 开始学习如何使用该插件。

如果您正在升级到新的SDK版本，请查看我们的 迁移指南 和 变更日志。

发行版

要查看每个发行版的更改摘要，请查阅 变更日志。有关如何从旧版本SDK进行升级的说明，请参阅 迁移指南。

安装

步骤1：添加依赖

在您的 pubspec.yaml 文件中添加以下依赖项：

flutter pub add moneyhash_payment

这将向您的包的 pubspec.yaml 添加如下一行，并包含最新版本：

dependencies:
  moneyhash_payment: ^{{latest_version}}

步骤2：导入库

在您的Dart代码中，导入该库：

import 'package:moneyhash_payment/moneyhash_payment.dart';

示例代码

以下是完整的示例代码，展示了如何使用 moneyhash_payment 插件来处理支付。

import 'package:flutter/material.dart';
import 'package:moneyhash_payment/data/apple_pay_configuration.dart';
import 'package:moneyhash_payment/data/CustomFieldValue.dart';
import 'package:moneyhash_payment/data/IntentOperation.dart';
import 'package:moneyhash_payment/data/card/card_field_type.dart';
import 'package:moneyhash_payment/data/methods/get_methods_params.dart';
import 'package:moneyhash_payment/log/log_level.dart';
import 'package:moneyhash_payment/vault/card_collector.dart';
import 'package:moneyhash_payment/vault/widget/secure_text_field.dart';
import 'package:moneyhash_payment/vault/card_form_builder.dart';
import 'package:moneyhash_payment/moneyhash_payment.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  CardForm? _cardForm;
  String paymentIntentId = "";
  String cardIntentId = "";
  String customerId = "";
  String publicKey = "public";

  MoneyHashSDK moneyHashSDK = MoneyHashSDKBuilder()
      .setNativeApplePayConfig(ApplePayConfiguration(
        collectibleBillingData: [],
        merchantDisplayName: "Kero Store",
      ))
      .build();

  [@override](/user/override)
  void initState() {
    _cardForm = CardFormBuilder().setCardHolderNameField((state) {
      print("CardHolderName: ${state?.isValid}");
      print("CardHolderName: ${state?.errorMessage}");
    }).setCardNumberField((state) {
      print("CardNumber: ${state?.isValid}");
      print("CardNumber: ${state?.errorMessage}");
    }).setCVVField((state) {
      print("CVV: ${state?.isValid}");
      print("CVV: ${state?.errorMessage}");
    }).setExpiryMonthField((state) {
      print("ExpireMonth: ${state?.isValid}");
      print("ExpireMonth: ${state?.errorMessage}");
    }).setExpiryYearField((state) {
      print("ExpireYear: ${state?.isValid}");
      print("ExpireYear: ${state?.errorMessage}");
    }).setCardBrandChangeListener((cardBrand) {
      print("CardBrand: ${cardBrand?.brand}");
      print("CardBrand: ${cardBrand?.brandIconUrl}");
      print("CardBrand: ${cardBrand?.first6Digits}");
    }).build();

    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text("Testing card"),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            SecureTextField(
              label: "cardNumber",
              placeholder: "cardNumber",
              cardForm: _cardForm!,
              type: CardFieldType.cardNumber,
            ),
            const SizedBox(height: 16),
            SecureTextField(
              label: "cvv",
              placeholder: "cvv",
              cardForm: _cardForm!,
              type: CardFieldType.cvv,
            ),
            const SizedBox(height: 16),
            SecureTextField(
              label: "expireMonth",
              placeholder: "expireMonth",
              cardForm: _cardForm!,
              type: CardFieldType.expiryMonth,
            ),
            const SizedBox(height: 16),
            SecureTextField(
              label: "cardHolderName",
              placeholder: "cardHolderName",
              cardForm: _cardForm!,
              type: CardFieldType.cardHolderName,
            ),
            SecureTextField(
              label: "expireYear",
              placeholder: "expireYear",
              cardForm: _cardForm!,
              type: CardFieldType.expiryYear,
            ),
            const SizedBox(height: 16),
            ElevatedButton(
                onPressed: () async {
                  moneyHashSDK.setPublicKey(publicKey);
                  // moneyHashSDK.setLogLevel(LogLevel.verbose);

                  var customFields = {
                    'isActive': BooleanValue(true),
                    'score': FloatValue(3.14),
                    'rate': DoubleValue(42.0),
                    'name': StringValue('John Doe'),
                    "age": IntValue(25),
                  };

                  var methods = await moneyHashSDK.getMethods(GetMethodsParams.withCurrency(currency: "EGP", operation: IntentOperation.purchase, customFields: customFields));
                  print(methods.toJson());

                  // 可以继续在这里添加其他操作
                },
                child: const Text("Submit")),
          ],
        ),
      ),
    );
  }
}