Flutter支付集成插件nexi_payment的使用

Flutter支付集成插件nexi_payment的使用

概述

Flutter插件用于集成Nexi支付。

开始使用

初始化Nexi

首先，你需要初始化NexiPayment对象，并传入你的secretKey和环境类型（测试或生产）。

[@override](/user/override)
void initState() {
  super.initState();
  _nexiPayment = new NexiPayment(secretKey: "_yourSecretKey_", environment: EnvironmentUtils.TEST);
}

要开始支付过程，只需调用xPayFrontOfficePaga方法。

var res = await _nexiPayment.xPayFrontOfficePagaNonce("YOUR_ALIAS", "codTrans", CurrencyUtilsQP.EUR, amount);
//处理响应

支持的功能

WebView支付

• xPayFrontOfficePaga

依赖项

Android & iOS

• 创建一个Nexi账户和项目（或者在测试后台创建一个测试后端，此处）
• 从后端获取secretKey

常见错误

iOS

在某些情况下，可能需要在Podfile中添加以下几行（位于flutter_app/ios/Podfile）：

platform :ios, '10.0'
use_frameworks!

特别感谢

感谢CRILUMATECH对插件初始实现的支持和测试。

完整示例代码

import 'package:flutter/material.dart';
import 'package:nexi_payment/nexi_payment.dart';
import 'package:nexi_payment/models/currency_utils_qp.dart';
import 'package:nexi_payment/models/environment_utils.dart';
import 'package:nexi_payment_example/second_page.dart';

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

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

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TestPage(),
    );
  }
}

class TestPage extends StatefulWidget {
  [@override](/user/override)
  State<StatefulWidget> createState() => TestPageState();
}

class TestPageState extends State<TestPage> {
  late NexiPayment _nexiPayment;

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

    ///domain不是必须的，如果为空则默认设置为https://ecommerce.nexi.it
    _nexiPayment = NexiPayment(
        secretKey: "_your_key",
        environment: EnvironmentUtils.TEST,
        domain: "https://ecommerce.nexi.it");
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Plugin example app'),
      ),
      body: Center(
          child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
            ElevatedButton(
                child: Text("PAY"),
                onPressed: () => _paga("pagamento-ios test-domain")),
            ElevatedButton(
                child: Text("GO to A SECOND PAGE"),
                onPressed: () => Navigator.push<Widget>(
                      context,
                      MaterialPageRoute(
                        builder: (context) => SecondPage(),
                      ),
                    )),
          ])),
    );
  }

  void _paga(String codTrans) async {
    var res = await _nexiPayment.xPayFrontOfficePaga(
        "_your_alias", codTrans, CurrencyUtilsQP.EUR, 2500);
    openEndPaymentDialog(res);
  }

  openEndPaymentDialog(String response) async {
    await showDialog(
      barrierDismissible: false,
      context: context,
      builder: (BuildContext c2) {
        return AlertDialog(
          title: Container(
              margin: EdgeInsets.only(bottom: 10),
              child: Stack(
                children: <Widget>[
                  Positioned(
                    bottom: -12,
                    left: -15,
                    child: IconButton(
                        icon: Icon(Icons.arrow_back),
                        color: Colors.blueAccent,
                        onPressed: () => Navigator.of(context).pop()),
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Container(
                        margin: EdgeInsets.only(right: 5),
                        child: Icon(
                          Icons.euro_symbol,
                          color: Colors.black38,
                          size: 25,
                        ),
                      ),
                      Text(
                        "Response",
                        style: TextStyle(
                            fontSize: 22,
                            color: Colors.black38,
                            fontWeight: FontWeight.bold),
                      ),
                    ],
                  )
                ],
              )),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              Text(response,
                  style: TextStyle(
                      color: response == "OK" ? Colors.green : Colors.red))
            ],
          ),
        );
      },
    );
  }
}