Flutter支付功能插件dpay_flutter的使用

简介

dpay_flutter 是一个用于在 Flutter 应用程序中实现支付功能的插件。通过此插件，开发者可以轻松地集成支付功能到他们的应用中。

开始使用

首先，确保你已经设置好了 Flutter 开发环境，并且安装了 dpay_flutter 插件。

安装 dpay_flutter

在你的 pubspec.yaml 文件中添加以下依赖：

dependencies:
  dpay_flutter: ^1.0.0

然后运行 flutter pub get 来获取新的依赖项。

初始化插件

在应用启动时初始化插件。可以在 initState() 方法中完成这一操作。

import 'package:dpay_flutter/dpay_flutter.dart';

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  var durianpay;

  @override
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，因此我们在异步方法中进行初始化。
  Future<void> initPlatformState() async {
    // 如果小部件从树中移除，而异步平台消息还在飞行中，我们希望丢弃回复而不是调用
    // setState 来更新我们的不存在的外观。
    if (!mounted) return;

    durianpay = Durianpay.getInstance(context);
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Column(children: [
            Container(
              margin: EdgeInsets.all(25),
              child: TextButton(
                child: Text(
                  '点击这里',
                  style: TextStyle(fontSize: 20.0),
                ),
                onPressed: () {
                  loadCheckout();
                },
              ),
            ),
          ]),
        ),
      ),
    );
  }

  void loadCheckout() {
    DCheckoutOptions checkoutOptions = new DCheckoutOptions();
    checkoutOptions.locale = "zh"; // 设置语言为简体中文
    checkoutOptions.environment = "production"; // 生产环境
    checkoutOptions.siteName = "电影票";
    checkoutOptions.customerId = "cust001";
    checkoutOptions.customerGivenName = "张三";
    checkoutOptions.customerEmail = "zhangsan@example.com";
    checkoutOptions.amount = "10000";
    checkoutOptions.currency = "CNY";
    checkoutOptions.darkMode = true;

    createOrder().then((value) => {
          checkoutOptions.accessToken = value.accessToken,
          checkoutOptions.orderId = value.orderId,
          durianpay.clear(),
          durianpay.checkout(checkoutOptions),
        });
  }
}

创建订单

为了使用支付功能，你需要先创建一个订单。在这个示例中，我们通过 HTTP 请求向服务器发送订单信息并获取订单 ID 和访问令牌。

class OrderResponse {
  final String? orderId;
  final String? accessToken;

  OrderResponse({this.orderId, this.accessToken});

  factory OrderResponse.fromJson(Map<String, dynamic> json) {
    return OrderResponse(
      orderId: json['data']['id'],
      accessToken: json['data']['access_token'],
    );
  }
}

Future<OrderResponse> createOrder() async {
  List items = [];
  var itemDetails = {'name': "鞋子", 'qty': 1, 'price': "20000"};
  items.add(itemDetails);

  var body = jsonEncode(<String, dynamic>{
    'amount': '150000',
    'currency': "CNY",
    'customer': {
      "customer_ref_id": "cust user170390",
      "email": "joedoe@example.com",
      "given_name": "张三"
    },
    "items": items,
    "order_ref_id": "order170390"
  });

  final http.Response response = await http.post(
    Uri.https("api.durianpay.id", "/orders"),
    headers: <String, String>{
      'Content-Type': 'application/json; charset=UTF-8',
      'Authorization': '<base encoded secret key>',
    },
    body: body,
  );

  if (response.statusCode == 200 || response.statusCode == 201) {
    return OrderResponse.fromJson(jsonDecode(response.body));
  } else {
    throw Exception('Failed to load');
  }
}