面试题：Flutter集成iOS与Android支付系统基础

Question

在Flutter中集成iOS和Android支付系统，分别需要引入哪些主要的插件？请简述引入这些插件的基本步骤。

Answer 1

iOS支付集成

1. 主要插件：flutter_inapp_purchase 插件，它支持在Flutter应用中进行应用内购买，可用于iOS平台支付功能的实现。
2. 引入基本步骤：
   • 在 pubspec.yaml 文件中添加 flutter_inapp_purchase 依赖：

dependencies:
  flutter_inapp_purchase: ^[latest_version]

- 运行 `flutter pub get` 命令，下载并安装该插件。
- 在iOS项目中，确保在 `Info.plist` 文件中配置了相关权限和应用内购买相关信息，例如：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

- 在Flutter代码中导入插件：

import 'package:flutter_inapp_purchase/flutter_inapp_purchase.dart';

- 按照插件文档进行初始化、查询商品信息、发起购买等操作。

Android支付集成

1. 主要插件：flutter_inapp_purchase 同样可用于Android平台的应用内支付。另外，对于支付宝支付，可使用 alipay_flutter 插件；对于微信支付，可使用 wxpay_flutter 插件。
2. 引入基本步骤（以 flutter_inapp_purchase 为例）：
   • 在 pubspec.yaml 文件中添加依赖：

dependencies:
  flutter_inapp_purchase: ^[latest_version]

- 运行 `flutter pub get` 安装插件。
- 在 `android/app/src/main/AndroidManifest.xml` 文件中配置权限，例如网络权限：

<uses-permission android:name="android.permission.INTERNET" />

- 在Flutter代码中导入插件：

import 'package:flutter_inapp_purchase/flutter_inapp_purchase.dart';

- 按照插件文档进行初始化、查询商品信息、发起购买等操作。

支付宝支付（以 alipay_flutter 为例）：

1. 引入基本步骤：
   • 在 pubspec.yaml 文件中添加 alipay_flutter 依赖：

dependencies:
  alipay_flutter: ^[latest_version]

- 运行 `flutter pub get` 安装插件。
- 在 `android/app/src/main/AndroidManifest.xml` 中配置支付宝回调Activity：

<activity
    android:name="com.alipay.sdk.app.H5PayActivity"
    android:configChanges="orientation|keyboardHidden|navigation"
    android:exported="false"
    android:screenOrientation="behind"
    android:windowSoftInputMode="adjustResize|stateHidden" />
<activity
    android:name="com.alipay.sdk.app.AuthActivity"
    android:configChanges="orientation|keyboardHidden|navigation"
    android:exported="false"
    android:screenOrientation="behind"
    android:windowSoftInputMode="adjustResize|stateHidden" />

- 在Flutter代码中导入插件并按照文档进行初始化和支付操作。

微信支付（以 wxpay_flutter 为例）：

1. 引入基本步骤：
   • 在 pubspec.yaml 文件中添加 wxpay_flutter 依赖：

dependencies:
  wxpay_flutter: ^[latest_version]

- 运行 `flutter pub get` 安装插件。
- 在 `android/app/src/main/AndroidManifest.xml` 中配置微信回调Activity：

<activity
    android:name=".wxapi.WXPayEntryActivity"
    android:exported="true"
    android:launchMode="singleTop"
    android:theme="@android:style/Theme.Translucent.NoTitleBar" />

- 在Flutter代码中导入插件并按照文档进行初始化和支付操作。