flutter如何实现apple pay功能

在Flutter中如何集成Apple Pay支付功能？目前项目需要接入Apple Pay，但官方文档不太清晰。请问具体需要哪些依赖库？iOS端是否需要额外配置证书或权限？有没有完整的代码示例可以参考？测试时是否必须使用真实设备，模拟器能否调试？

2 回复

在Flutter中实现Apple Pay功能，主要通过以下步骤：

  1. 添加依赖
    在pubspec.yaml中添加flutter_inapp_purchase或stripe_flutter等支付插件。

  2. 配置iOS项目

    • 在Xcode中启用Apple Pay能力，添加Merchant ID。
    • 配置Info.plist，添加支付支持的卡类型。

  3. 代码实现

    • 初始化支付插件，检查设备是否支持Apple Pay。
    • 创建支付请求，包括商品信息、价格、商户标识符等。
    • 调用支付接口，处理支付结果（成功/失败）。

  4. 后端验证
    支付成功后，需将支付令牌发送到服务器，由服务器与Apple服务器验证交易真实性。

注意：需注册Apple开发者账号并配置Merchant ID，且应用需上架App Store或通过TestFlight测试。

更多关于flutter如何实现apple pay功能的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现Apple Pay功能，可以通过以下步骤完成：

1. 添加依赖

在 pubspec.yaml 中添加 flutter_inapp_purchase 插件：

dependencies:
  flutter_inapp_purchase: ^5.1.1

2. 配置iOS项目

  • 在 ios/Runner.xcworkspace 中启用Apple Pay功能：
    • 进入 Signing & Capabilities → 点击 + Capability → 选择 Apple Pay。
    • 添加你的商户ID（Merchant Identifier）。
  • 在 Info.plist 中添加商户ID：
<key>com.apple.developer.in-app-payments</key>
<array>
  <string>merchant.your.bundle.id</string>
</array>

3. 初始化支付

在Dart代码中初始化支付插件并处理支付流程：

import 'package:flutter_inapp_purchase/flutter_inapp_purchase.dart';

class ApplePayService {
  static Future<void> init() async {
    await FlutterInappPurchase.instance.initialize();
  }

  static Future<bool> requestPayment(String productId) async {
    try {
      // 获取产品信息
      List<IAPItem> products = await FlutterInappPurchase.instance.getProducts([productId]);
      if (products.isEmpty) return false;

      // 发起支付请求
      await FlutterInappPurchase.instance.requestPurchase(products[0].productId!);
      return true;
    } catch (e) {
      print("支付失败: $e");
      return false;
    }
  }
}

4. 监听支付结果

设置监听器处理支付状态：

void listenToPurchaseUpdated() {
  FlutterInappPurchase.purchaseUpdated.listen((purchase) {
    if (purchase.transactionStateIOS == TransactionState.purchased) {
      // 支付成功，验证收据并完成交易
      _verifyAndFinishTransaction(purchase);
    }
  });
}

void _verifyAndFinishTransaction(PurchasedItem purchase) async {
  // 向你的服务器验证收据
  bool success = await verifyReceipt(purchase.transactionReceipt!);
  if (success) {
    await FlutterInappPurchase.instance.finishTransaction(purchase);
  }
}

注意事项：

  • 测试环境：使用Sandbox测试账号在模拟器或真机测试。
  • 商户ID：需在Apple Developer后台配置。
  • 收据验证：支付成功后务必通过服务器验证收据真实性。

通过以上步骤，即可在Flutter应用中集成Apple Pay功能。

回到顶部