Flutter支付处理插件stripe_api_2的使用

Flutter支付处理插件stripe_api_2的使用

简介

flutter_stripe 是一个用于在Flutter应用中集成Stripe支付功能的插件。不同于其他插件，该插件不依赖于任何本地Stripe库。它遵循官方Android Stripe SDK，并将其代码复制到Dart语言中。目前，该插件已经实现了以下基本功能：

• 启动客户会话
• 结束客户会话
• 获取客户信息
• 创建卡令牌
• 添加客户来源
• 移除客户来源
• 更新默认来源
• 更新客户配送信息（未测试）

该插件目前处于初始阶段，作者正在个人应用中使用它。未来计划完成所有剩余API，并完善示例项目以提供更好的UI。此外，还计划添加卡自动完成和验证的TextInputFormatter。

完整示例代码

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

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Stripe Payment Example'),
        ),
        body: Center(
          child: PaymentButton(),
        ),
      ),
    );
  }
}

class PaymentButton extends StatefulWidget {
  @override
  _PaymentButtonState createState() => _PaymentButtonState();
}

class _PaymentButtonState extends State<PaymentButton> {
  // 初始化Stripe客户端
  void initializeStripe() async {
    await Stripe.instance.initPaymentSheet(
      paymentSheetParameters: SetupPaymentSheetParameters(
        merchantCountryCode: 'US',
        merchantDisplayName: 'Example Inc.',
        customerId: 'cus_Hm7bQjXK0Z8V4s', // 替换为你的客户ID
        customerEmail: 'customer@example.com', // 替换为客户邮箱
        testEnv: true,
        applePay: true,
        googlePay: true,
        style: ThemeMode.dark,
        themeColor: Colors.blue,
      ),
    );
  }

  // 显示支付界面
  void displayPaymentSheet() async {
    try {
      await Stripe.instance.presentPaymentSheet();
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Payment Successful!")));
    } catch (e) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Payment Failed: $e")));
    }
  }

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        initializeStripe().then((_) {
          displayPaymentSheet();
        });
      },
      child: Text('Pay Now'),
    );
  }
}

代码解释

1. 初始化Stripe客户端

   await Stripe.instance.initPaymentSheet(
     paymentSheetParameters: SetupPaymentSheetParameters(
       merchantCountryCode: 'US',
       merchantDisplayName: 'Example Inc.',
       customerId: 'cus_Hm7bQjXK0Z8V4s', // 替换为你的客户ID
       customerEmail: 'customer@example.com', // 替换为客户邮箱
       testEnv: true,
       applePay: true,
       googlePay: true,
       style: ThemeMode.dark,
       themeColor: Colors.blue,
     ),
   );
   

   这段代码初始化了Stripe客户端，并设置了商户信息和支付方式。

2. 显示支付界面

   try {
     await Stripe.instance.presentPaymentSheet();
     ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Payment Successful!")));
   } catch (e) {
     ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Payment Failed: $e")));
   }