Flutter支付处理插件stripe的使用

简介

stripe_dart 是一个基于官方 Stripe Java 和 NodeJS API 包装器的 Dart 库。它是一个原生的 Dart 库，旨在在服务器端使用。该库不包含所有资源、消息或字段，而是只包含最重要和最需要的部分。我们欢迎并鼓励合并请求来增加覆盖率。

开发

所有消息都是使用 json_serializable 编写的，因此在进行更改并希望测试它们时，请确保使用 dart run build_runner build 生成文件。

示例代码

以下是一个简单的示例，展示了如何使用 stripe_dart 库来检索一个 Charge 对象：

示例代码

import 'package:stripe/stripe.dart';

void main() async {
  // 使用你的私钥
  final stripe = Stripe('sk_31JFqK234KJ2n34Kj234...');

  final chargeId = 'ch_foobar';

  // 所有 Stripe 调用返回的是 Dart 对象，而不是通用的 Map。
  final charge = await stripe.charge.retrieve(chargeId);
  print(charge.balanceTransaction);
}

完整的 Flutter 示例

为了在 Flutter 应用中使用 Stripe，你需要在客户端和服务器端分别进行配置。以下是一个完整的示例，展示了如何在 Flutter 应用中集成 Stripe 支付处理。

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 stripe_payment 插件：

dependencies:
  flutter:
    sdk: flutter
  stripe_payment: ^1.0.16

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

2. 配置 Stripe

在 lib/main.dart 中配置 Stripe：

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

void main() {
  StripePayment.setOptions(
    StripeOptions(
      publishableKey: "pk_test_123456789...",
      merchantId: "merchant_id",
      androidPayMode: 'test',
    ),
  );
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Stripe Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: PaymentPage(),
    );
  }
}

3. 创建支付页面

创建一个支付页面 lib/payment_page.dart：

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

class PaymentPage extends StatefulWidget {
  @override
  _PaymentPageState createState() => _PaymentPageState();
}

class _PaymentPageState extends State<PaymentPage> {
  TextEditingController cardNumberController = TextEditingController();
  TextEditingController expiryDateController = TextEditingController();
  TextEditingController cvcController = TextEditingController();

  void payWithNewCard() async {
    var paymentMethod = await StripePayment.paymentRequestWithCardForm(
      CardFormPaymentRequest(),
    );

    if (paymentMethod != null) {
      print("Payment Method ID: ${paymentMethod.id}");
      // 在这里处理支付逻辑，例如发送支付方法 ID 到服务器
    } else {
      print("Payment failed");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Stripe Payment'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: cardNumberController,
              decoration: InputDecoration(labelText: 'Card Number'),
            ),
            TextField(
              controller: expiryDateController,
              decoration: InputDecoration(labelText: 'Expiry Date (MM/YY)'),
            ),
            TextField(
              controller: cvcController,
              decoration: InputDecoration(labelText: 'CVC'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: payWithNewCard,
              child: Text('Pay'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 运行应用

现在你可以运行你的 Flutter 应用，并尝试使用 Stripe 进行支付。

服务器端处理

在服务器端，你需要使用 stripe_dart 库来处理支付请求。以下是一个简单的示例，展示了如何在服务器端处理支付请求：

import 'package:stripe/stripe.dart';

void main() async {
  // 使用你的私钥
  final stripe = Stripe('sk_31JFqK234KJ2n34Kj234...');

  final paymentMethodId = 'pm_123456789...'; // 从客户端获取的支付方法 ID

  final paymentIntent = await stripe.paymentIntents.create(
    amount: 1000, // 金额（单位为分）
    currency: 'usd',
    paymentMethod: paymentMethodId,
    confirm: true,
  );

  print(paymentIntent.status);
}

总结

通过以上步骤，你可以在 Flutter 应用中集成 Stripe 支付处理。客户端使用 stripe_payment 插件来收集支付信息，服务器端使用 stripe_dart 库来处理支付请求。希望这些示例对你有所帮助！