Flutter实现支付宝登录、支付

72次阅读

没有评论

Flutter 实现支付宝支付

在 Flutter 应用中集成支付宝支付功能，可以通过以下步骤实现：

准备工作

1.1 注册支付宝开放平台账号
• 前往支付宝开放平台注册开发者账号

• 创建应用并获取 AppID

1.2 配置应用
• 在支付宝开放平台配置应用的包名和签名

• 获取应用的私钥和支付宝公钥

集成支付宝 SDK

2.1 添加依赖

在 pubspec.yaml 中添加支付宝插件依赖：

yaml复制dependencies:
  flutter_alipay: ^0.0.5  # 检查最新版本

或者使用官方推荐的插件：

yaml复制dependencies:
  alipay_kit: ^2.0.0  # 检查最新版本

2.2 配置 Android

在 android/app/build.gradle 中添加：

gradle复制android {
    defaultConfig {
        manifestPlaceholders = [
            app_name: "你的应用名称",
            alipay_appid: "你的支付宝AppID"
        ]
    }
}

2.3 配置 iOS

在 Info.plist 中添加：

xml复制<key>alipay</key>
<string>你的支付宝AppID</string>

实现支付功能

3.1 基本支付代码

dart复制import 'package:flutter_alipay/flutter_alipay.dart';
// 或使用 alipay_kit
// import 'package:alipay_kit/alipay_kit.dart';

Future<void> payWithAlipay() async {
  try {
    // 从服务器获取支付订单信息（通常由后端生成）
    String orderInfo = await _getOrderInfoFromServer();
    
    // 调用支付宝支付
    String? result = await FlutterAlipay.pay(
      orderInfo,
      urlScheme: '你的应用URL Scheme' // iOS需要
    );
    
    // 处理支付结果
    if (result != null) {
      _handlePaymentResult(result);
    }
  } catch (e) {
    print('支付宝支付异常: $e');
  }
}

// 从服务器获取订单信息
Future<String> _getOrderInfoFromServer() async {
  // 这里应该调用你的后端API获取支付订单信息
  // 实际项目中不要在前端硬编码订单信息
  return '从服务器获取的订单信息';
}

// 处理支付结果
void _handlePaymentResult(String result) {
  // 解析支付结果
  if (result.contains('resultStatus={9000}')) {
    // 支付成功
    print('支付成功');
  } else if (result.contains('resultStatus={6001}')) {
    // 用户取消支付
    print('用户取消支付');
  } else {
    // 支付失败
    print('支付失败: $result');
  }
}

3.2 使用 alipay_kit 的示例

dart复制import 'package:alipay_kit/alipay_kit.dart';

Future<void> payWithAlipay() async {
  try {
    // 初始化
    AlipayKit.init(
      appId: '你的支付宝AppID',
      urlScheme: '你的应用URL Scheme', // iOS需要
    );
    
    // 从服务器获取支付订单信息
    String orderInfo = await _getOrderInfoFromServer();
    
    // 调用支付
    AlipayResult result = await AlipayKit.pay(
      orderInfo: orderInfo,
      isShowPayLoading: true,
    );
    
    // 处理结果
    if (result.resultStatus == AlipayResult.SUCCESS) {
      print('支付成功');
    } else if (result.resultStatus == AlipayResult.CANCEL) {
      print('用户取消支付');
    } else {
      print('支付失败: ${result.result}');
    }
  } catch (e) {
    print('支付宝支付异常: $e');
  }
}