Flutter支付集成插件midpayment的使用

Flutter支付集成插件midpayment的使用

Flutter Midtrans支付插件

请注意在使用此库之前阅读Midtrans文档，并确保您已经拥有Midtrans账户以访问仪表板。

Android设置

仅支持AndroidX且编译目标最低为28

请将以下样式添加到您的android/app/src/main/res/values/styles.xml文件中：

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

完整的styles.xml文件将如下所示：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
        <!-- 在活动上显示一个启动屏幕。自动移除当Flutter绘制其第一帧时 -->
        <item name="android:windowBackground">@drawable/launch_background</item>
    </style>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>
</resources>

然后在您的AndroidManifest.xml文件的应用程序标签中添加样式：

android:theme="@style/AppTheme"

iOS

无需特定设置

示例用法

请确保您已经准备了这些变量：

• YOUR_CLIENT_ID: Midtrans客户端ID
• YOUR_URL_BASE: 处理支付的后端API基础URL

支付

import 'package:midpayment/midpayment.dart';

// 初始化支付参数
var midtransPayParam = MidtransPayParam();
midtransPayParam.clientKey = "="; // 替换为您的客户端密钥
midtransPayParam.merchantBaseUrl = ""; // 替换为您的商户基础URL
midtransPayParam.totalPrice = 0; // 替换为您要支付的金额
midtransPayParam.orderId = ""; // 替换为订单ID
midtransPayParam.selectedPaymentMethod = MidtransPaymentMethod.SHOPEEPAY.index; // 可选

// 执行支付操作
var result = await FlutterMidtransPayment.pay(midtransPayParam);

使用令牌支付

import 'package:midpayment/midpayment.dart';

// 初始化支付参数
var midtransPayParam = MidtransPayWithTokenParam();
midtransPayParam.clientKey = ""; // 替换为您的客户端密钥
midtransPayParam.merchantBaseUrl = ""; // 替换为您的商户基础URL
midtransPayParam.snapToken = ""; // 替换为Snap Token

// 执行支付操作
var result = await FlutterMidtransPayment.payWithToken(midtransPayParam);

完整示例Demo

以下是完整的示例代码：

import 'dart:developer';

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

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

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

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

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';

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

  // 异步平台消息初始化
  Future<void> initPlatformState() async {
    log("开始");
    String platformVersion;
    // 平台消息可能失败，因此我们使用try/catch PlatformException。
    try {
      platformVersion = await FlutterMidtransPayment.platformVersion;
    } on PlatformException {
      platformVersion = '无法获取平台版本。';
    }

    // 如果小部件在异步平台消息处于飞行状态时从树中删除，则我们希望丢弃回复而不是调用
    // setState以更新我们的非存在外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              Text('运行于: $_platformVersion\n'),
              ElevatedButton(
                  child: Text('支付'),
                  onPressed: () async {
                    var midtransPayParam = MidtransPayParam();
                    midtransPayParam.clientKey = "="; // 替换为您的客户端密钥
                    midtransPayParam.merchantBaseUrl = ""; // 替换为您的商户基础URL
                    midtransPayParam.totalPrice = 0; // 替换为您要支付的金额
                    midtransPayParam.orderId = ""; // 替换为订单ID
                    midtransPayParam.selectedPaymentMethod = MidtransPaymentMethod.SHOPEEPAY.index; // 可选

                    var result = await FlutterMidtransPayment.pay(midtransPayParam);
                    log(result);
                  }),
              ElevatedButton(
                  child: Text('使用令牌支付'),
                  onPressed: () async {
                    log("开始");
                    var midtransPayParam = MidtransPayWithTokenParam();
                    midtransPayParam.clientKey = "SB-Mid-client-lqSYrzuU0C8KghnG"; // 替换为您的客户端密钥
                    midtransPayParam.merchantBaseUrl = "https://kesan-api.bangun-kreatif.com"; // 替换为您的商户基础URL
                    midtransPayParam.snapToken = "3143c741-3e24-4251-96e5-e5391cd19280"; // 替换为Snap Token

                    try {
                      var result = await FlutterMidtransPayment.payWithToken(midtransPayParam);
                      log('结果');
                      log(result.toString());
                    } catch (err) {
                      log(err.toString());
                    }
                  })
            ],
          ),
        ),
      ),
    );
  }
}