Flutter支付集成插件flutter_paypal_sdk的使用

Flutter支付集成插件flutter_paypal_sdk的使用

简单 PayPal SDK for Flutter。

使用

本插件提供了三个主要功能。为了处理支付，你必须安装 webview_flutter。

你可以在 /example 文件夹中查看示例代码。

import 'package:flutter_paypal_sdk/flutter_paypal_sdk.dart';

功能

• 认证
• 创建支付
• 执行支付

初始化 FlutterPaypalSDK

FlutterPaypalSDK sdk = FlutterPaypalSDK(
  clientId: 'yourClientId',
  clientSecret: 'yourClientSecret',
  mode: Mode.sandbox, // 使用沙盒环境
);

认证

AccessToken accessToken = await sdk.getAccessToken();

创建支付

Payment payment = await sdk.createPayment(
  transactions,
  accessToken.token!,
);

请参阅 PayPal Payment API 以获取更多详细信息和支付响应参数。

执行支付

Payment payment = await sdk.executePayment(
  executeUrl,
  payerId,
  accessToken,
);

示例代码

import 'package:example/paypal_webview.dart';
import 'package:flutter/material.dart';
import 'package:flutter_paypal_sdk/flutter_paypal_sdk.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // 这个小部件是你的应用的根节点。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Paypal SDK',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Paypal SDK'),
    );
  }
}

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

  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: [
            Container(
              padding: const EdgeInsets.all(20),
              color: Colors.blue,
              child: GestureDetector(
                onTap: () async {
                  await payNow();
                },
                child: const Text(
                  'Pay Now',
                  style: TextStyle(color: Colors.white),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  payNow() async {
    FlutterPaypalSDK sdk = FlutterPaypalSDK(
      clientId: 'yourClientId',
      clientSecret: 'yourClientSecret',
      mode: Mode.sandbox, // 使用沙盒环境
    );
    AccessToken accessToken = await sdk.getAccessToken();
    if (accessToken.token != null) {
      Payment payment = await sdk.createPayment(
        transaction(),
        accessToken.token!,
      );
      if (payment.status) {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) => PaypalWebview(
              approveUrl: payment.approvalUrl!,
              executeUrl: payment.executeUrl!,
              accessToken: accessToken.token!,
              sdk: sdk,
            ),
          ),
        );
      }
    }
  }

  transaction() {
    Map<String, dynamic> transactions = {
      "intent": "sale",
      "payer": {
        "payment_method": "paypal",
      },
      "redirect_urls": {
        "return_url": "/success",
        "cancel_url": "/cancel",
      },
      'transactions': [
        {
          "amount": {
            "currency": "USD",
            "total": "10",
          },
        }
      ],
    };

    return transactions;
  }
}