Flutter移动支付插件mobilepay_flutter的使用

mobilepay_flutter 是一个用于 Flutter 应用的插件，支持通过 MobilePay AppSwitch 进行移动支付。本指南将详细介绍如何在 Flutter 应用中使用该插件。

iOS

要使 mobilepay_flutter 在 iOS 上正常工作，请遵循以下步骤：

1. 按照 Mobile Pay 提供的指南进行操作：

   • MobilePay AppSwitch SDK 入门指南

2. 将所需的键添加到您的 .plist 文件中。

示例代码

以下是 mobilepay_flutter 插件的基本使用示例：

import 'dart:io';

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

import 'package:flutter/services.dart';
import 'package:mobilepay_flutter/mobilepay_flutter.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool _mobilePlayInstalled = false;
  bool _loading = false;
  MobilePayResult? _paymentResult;

  [@override](/user/override)
  void initState() {
    super.initState();
    initMobilePay();
  }

  Future<void> initMobilePay() async {
    bool mobilePlayInstalled;

    // 初始化 MobilePay
    MobilePay().init("APPDK0000000000", MobilePayCountry.DENMARK, "SIMPLECONCEPT");

    try {
      // 检查是否安装了 MobilePay 应用
      mobilePlayInstalled = await MobilePay().isMobilePayInstalled;
    } on PlatformException {
      mobilePlayInstalled = false;
    }

    if (!mounted) return;

    // 更新 UI 状态
    setState(() {
      _mobilePlayInstalled = mobilePlayInstalled;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Mobile Pay Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('Mobile Pay Installed: $_mobilePlayInstalled\n'),
              FlatButton(
                child: Text("Pay"),
                onPressed: initiatePayment,
              ),
              if (_loading) CircularProgressIndicator(),
              if (_paymentResult != null) buildPaymentResult()
            ],
          ),
        ),
      ),
    );
  }

  // 发起支付
  initiatePayment() async {
    if (_mobilePlayInstalled) {
      setState(() {
        _loading = true;
      });

      try {
        // 创建支付请求
        final result = await MobilePay()
            .createPayment(productPrice: 10.5, orderId: "some_order");
        setState(() {
          _paymentResult = result;
        });
      } catch (e) {
        print(e);
      } finally {
        setState(() {
          _loading = false;
        });
      }
    } else {
      // 如果未安装 MobilePay 应用，则提示用户下载
      await MobilePay().downloadMobilePay();
    }
  }

  // 显示支付结果
  Widget buildPaymentResult() {
    if (_paymentResult!.isCanceled)
      return Text(
        "交易已取消",
        style: Theme.of(context).textTheme.displayMedium,
      );
    if (_paymentResult!.isFailure)
      return Column(
        children: <Widget>[
          Text(
            "交易失败",
            style: Theme.of(context).textTheme.displayMedium,
          ),
          Text("${_paymentResult!.errorCode}: ${_paymentResult!.errorMessage}")
        ],
      );

    return Column(
      children: <Widget>[
        Text(
          "交易成功",
          style: Theme.of(context).textTheme.displayMedium,
        ),
        Text("${_paymentResult!.amountWithdrawnFromCard} €"),
        Text("${_paymentResult!.orderId}"),
        Text("${_paymentResult!.transactionId}"),
      ],
    );
  }
}