Flutter 应用中的 Google Pay 和 Apple Pay 集成应用中的支付(教程含源码)

在本文中，我们将讨论如何通过几个简单的步骤在我们的 flutter 应用程序中集成 google pay 和 apple pay 支付。

注意：我们需要在 apple pay console 中创建一个商家帐户，同样我们需要在 google pay console 中创建 google pay business account 才能进行真正的支付。

在文件中添加上述包后pubspec.yaml，让我们开始创建一个单独的 dart 文件来(payment_config.dart)保存支付配置详细信息。我们可以从包文档本身获取这些支付配置详细信息（或参考此链接： https: //github.com/google-pay/flutter-plugin/blob/main/pay/example/lib/payment_configurations.dart）

将此配置详细信息复制并粘贴到单独的 dart 文件中，如下所示。

现在让我们定义需要在 UI 屏幕中呈现的 apple pay 和 google pay 按钮。

Apple Pay 按钮小部件如下所示。,

var applePayButton = ApplePayButton(
  paymentConfiguration: PaymentConfiguration.fromJsonString(
      defaultApplePayConfigString),
  paymentItems: [ PaymentItem(
    label: 'Total',
    amount: '0.01',
    status: PaymentItemStatus.final_price,
  )],
  style: A