Flutter支付宝支付插件alipay_kit的使用

alipay_kit

Flutter版支付宝SDK。

相关工具

• Flutter版微信SDK
• Flutter版腾讯(QQ)SDK
• Flutter版新浪微博SDK
• Flutter版支付宝SDK
• Flutter版深度链接
• Flutter版walle渠道打包工具

Dart/Flutter Pub 私服

• simple_pub_server

相关文档

• 蚂蚁金服开放平台
• 支付宝支付
• 支付宝登录
• 应用签名工具

开始使用

Android

# 不需要做任何额外接入工作
# 混淆已打入 Library，随 Library 引用，自动添加到 apk 打包混淆

• 获取 Android 签名信息
• 新版已没有「UTDID冲突的问题」

iOS

# 不需要做任何额外接入工作
# 配置已集成到脚本里

• UTDID冲突的问题解决方案

alipay_kit:
+  ios: noutdid # 默认 utdid

Flutter

• 配置

dependencies:
  alipay_kit: ^${latestTag} # 默认不包含iOS支付
#  alipay_kit_ios: ^${latestTag} # iOS支付

alipay_kit:
#  ios: noutdid # 默认 utdid
  scheme: ${your alipay scheme} # scheme 不能为纯数字，推荐：alipay${appId}

• 安装（仅iOS）

# step.1 安装必要依赖
sudo gem install plist
# step.2 切换工作目录，插件里为 example/ios/，普通项目为 ios/
cd example/ios/
# step.3 执行脚本
pod install

示例代码

以下是一个完整的示例代码，展示了如何在Flutter项目中使用alipay_kit进行支付和授权：

import 'dart:async';
import 'dart:convert';

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Home(),
    );
  }
}

class Home extends StatefulWidget {
  const Home({super.key});

  @override
  State<Home> createState() => _HomeState();
}

/// pkcs1 -> '-----BEGIN RSA PRIVATE KEY-----\n${支付宝RSA签名工具生产的私钥}\n-----END RSA PRIVATE KEY-----'
/// pkcs8 -> '-----BEGIN PRIVATE KEY-----\n${支付宝RSA签名工具生产的私钥}\n-----END PRIVATE KEY-----'
class _HomeState extends State<Home> {
  static const bool _ALIPAY_USE_RSA2 = true;
  static const String _ALIPAY_APPID = 'your alipay appId'; // 支付/登录
  static const String _ALIPAY_PID = 'your alipay pid'; // 登录
  static const String _ALIPAY_TARGETID = 'your alipay targetId'; // 登录
  static const String _ALIPAY_PRIVATEKEY =
      'your alipay rsa private key(pkcs1/pkcs8)'; // 支付/登录

  late final StreamSubscription<AlipayResp> _paySubs;
  late final StreamSubscription<AlipayResp> _authSubs;

  @override
  void initState() {
    super.initState();
    _paySubs = AlipayKitPlatform.instance.payResp().listen(_listenPay);
    _authSubs = AlipayKitPlatform.instance.authResp().listen(_listenAuth);
  }

  void _listenPay(AlipayResp resp) {
    final String content = 'pay: ${resp.resultStatus} - ${resp.result}';
    _showTips('支付', content);
  }

  void _listenAuth(AlipayResp resp) {
    final String content = 'auth: ${resp.resultStatus} - ${resp.result}';
    _showTips('授权登录', content);
  }

  @override
  void dispose() {
    _paySubs.cancel();
    _authSubs.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Alipay Kit Demo'),
      ),
      body: ListView(
        children: <Widget>[
          ListTile(
            title: Text('环境检查'),
            onTap: () async {
              final String content =
                  'alipay: ${await AlipayKitPlatform.instance.isInstalled()}';
              _showTips('环境检查', content);
            },
          ),
          ListTile(
            title: Text('支付'),
            onTap: () {
              final Map<String, dynamic> bizContent = <String, dynamic>{
                'timeout_express': '30m',
                'product_code': 'QUICK_MSECURITY_PAY',
                'total_amount': '0.01',
                'subject': '测试支付',
                'body': '我是测试数据',
                'out_trade_no': DateTime.now().millisecondsSinceEpoch.toString(),
              };
              final Map<String, dynamic> orderInfo = <String, dynamic>{
                'app_id': _ALIPAY_APPID,
                'biz_content': json.encode(bizContent),
                'charset': 'utf-8',
                'method': 'alipay.trade.app.pay',
                'timestamp': DateTime.now().toIso8601String().substring(0, 19),
                'version': '1.0',
              };
              AlipayKitPlatform.instance.unsafePay(
                orderInfo: orderInfo,
                signType: _ALIPAY_USE_RSA2
                    ? UnsafeAlipayKitPlatform.SIGNTYPE_RSA2
                    : UnsafeAlipayKitPlatform.SIGNTYPE_RSA,
                privateKey: _ALIPAY_PRIVATEKEY,
              );
            },
          ),
          ListTile(
            title: Text('授权'),
            onTap: () {
              AlipayKitPlatform.instance.unsafeAuth(
                appId: _ALIPAY_APPID,
                pid: _ALIPAY_PID,
                targetId: _ALIPAY_TARGETID,
                signType: _ALIPAY_USE_RSA2
                    ? UnsafeAlipayKitPlatform.SIGNTYPE_RSA2
                    : UnsafeAlipayKitPlatform.SIGNTYPE_RSA,
                privateKey: _ALIPAY_PRIVATEKEY,
              );
            },
          ),
        ],
      ),
    );
  }

  void _showTips(String title, String content) {
    showDialog<void>(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text(title),
          content: Text(content),
        );
      },
    );
  }
}

注意事项

1. 替换密钥和APP ID：请将代码中的_ALIPAY_APPID、_ALIPAY_PID、_ALIPAY_TARGETID和_ALIPAY_PRIVATEKEY替换为你的实际值。
2. 环境检查：确保设备上已安装支付宝客户端，并且版本支持支付宝SDK的功能。
3. 支付参数：根据实际业务需求调整支付参数，如金额、订单号等。

通过以上步骤和示例代码，你应该能够在Flutter项目中成功集成并使用支付宝支付功能。如果有任何问题或需要进一步的帮助，请参考官方文档或访问相关GitHub仓库。