Flutter三星支付集成插件samsung_pay_sdk_flutter的使用

简介

Samsung Pay Flutter Plugin 允许你在Flutter应用程序中集成三星支付功能，为三星设备上的用户提供安全便捷的应用内支付。此插件作为官方三星支付Flutter SDK的包装器。有关可用功能和功能的详细信息，请参考官方文档。

Android 设置

在 android/app/src/main/AndroidManifest.xml 文件中的 <application> 标签下添加API级别到元数据：

<meta-data 
    android:name="spay_sdk_api_level" 
    android:value="2.19" /> <!-- 使用最新版本以利用最新的API -->

配置 SamsungPay 对象

定义 SamsungPaySdkFlutter 实例。注意：请使用你的 serviceId，下面示例中的 serviceId 仅用于测试目的。

final samsungPaySdkFlutterPlugin = SamsungPaySdkFlutter(
  PartnerInfo(
    serviceId: '0b89048b46b64cd3a3e60c',
    data: {SpaySdk.PARTNER_SERVICE_TYPE:ServiceType.INAPP_PAYMENT.name},
  ),
);

示例 Demo

以下是完整的示例代码，展示了如何使用 samsung_pay_sdk_flutter 插件进行三星支付集成。

主页面代码

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

void main() {
  runApp(const MaterialApp(home: MyHomePage(title: "Sample Merchant")));
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  static final samsungPaySdkFlutterPlugin = SamsungPaySdkFlutter(PartnerInfo(serviceId: '0b89048b46b64cd3a3e60c', data: {SpaySdk.PARTNER_SERVICE_TYPE:ServiceType.INAPP_PAYMENT.name}));

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () async {
                await MyHomePage.samsungPaySdkFlutterPlugin.activateSamsungPay();
              },
              child: const Text('激活三星支付'),
            ),
            ElevatedButton(
              onPressed: () {
                getSamsungPayStatus();
              },
              child: const Text('获取三星支付状态'),
            ),
            ElevatedButton(
              onPressed: () {
                requestCardInfo();
              },
              child: const Text('请求卡信息'),
            ),
            ElevatedButton(
              onPressed: () {
                startInAppPayWithCustomSheet();
              },
              child: const Text('开始应用内支付'),
            ),
          ],
        ),
      ),
    );
  }

  void getSamsungPayStatus() {
    // 获取三星支付状态的逻辑
  }

  void requestCardInfo(){
    // 请求卡片信息的逻辑
  }

  void startInAppPayWithCustomSheet()
  {
    // 开始自定义表单支付的逻辑
  }
}

状态响应页面

class StatusResponse extends StatefulWidget {
  const StatusResponse({Key? key}) : super(key: key);

  [@override](/user/override)
  State<StatusResponse> createState() => _StatusResponseState();
}

class _StatusResponseState extends State<StatusResponse> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    final statusHolder = ModalRoute.of(context)!.settings.arguments as StatusHolder;
    return Scaffold(
        appBar: AppBar(
          title: const Text('三星支付SDK Flutter'),
        ),
        body: Column(
          children: [
            Text(statusHolder.status ? "成功" : "失败"),
            Text(statusHolder.statusCode),
            Text(statusHolder.bundle.toString()),
          ],
        ));
  }
}

请求卡片数据页面

class RequestCardData extends StatefulWidget {
  const RequestCardData({Key? key}) : super(key: key);

  [@override](/user/override)
  State<RequestCardData> createState() => _RequestCardDataState();
}

class _RequestCardDataState extends State<RequestCardData> {

  [@override](/user/override)
  Widget build(BuildContext context) {
    final cardList = ModalRoute.of(context)!.settings.arguments as List<PaymentCardInfo>;
    return Scaffold(
      appBar: AppBar(title: const Text('三星支付SDK Flutter')),
      body: cardList.isNotEmpty
          ? ListView.separated(
        itemCount: cardList.length,
        itemBuilder: (BuildContext context, int index) {
          return Container(
              padding: const EdgeInsets.all(8),
              color: Colors.grey[200],
              child: Column(
                children: [
                  Text('Card: ${cardList[index].brand}'),
                ],
              )
          );
        }, separatorBuilder: (BuildContext context, int index) => const Divider(),
      )
          : const Center(child: Text('无卡片')),
    );
  }
}