flutter 支付宝支付

mac2026-04-19  10

(一)下载地址:

pub地址:flutter_alipay

选下图中的第一个就好了。

(二)pubspec.yaml文件中集成:

flutter_alipay: ^0.1.0

(三)使用步骤:

首先说明一下,支付宝的支付跟微信支付客户端支付区别还是有一些的, 支付宝的支付把很多重要的数据都是放在服务器后端的,所以这里客户端支付宝支付的代码就相对较少,以下是代码部分

点击支付按钮(生成订单): DataUtils.payByAli(params).then((value) { if (value != null) { print(' ALiVVVVVV $value'); var jsData = json.decode(value); int status = jsData['status']; String msg = jsData['msg']; if (status == Constant.SUCCESS_CODE) { AliPaySignBean aliPaySignBean = AliPaySignBean.fromJson(jsonDecode(value)); AliPaySignInfo signInfo = aliPaySignBean.data.info; String sign = signInfo.sign; // 使用sign调起支付宝 aliPay(sign); } else { Util.showToast(msg); } } }).catchError((e) { print(' ## $e'); }); aliPay()这个接口调起支付宝支付,代码如下: void aliPay(String sign) async { if (sign == null || sign.length == 0) { return; } FlutterAlipay.pay(sign).then((payResult){ _payResult = payResult; print('>>>>> ${_payResult.toString()}'); String payResultStatus = _payResult.resultStatus; if (payResultStatus == Constant.ALIPAY_SUCCESS) { payState = true; Util.showToast('支付成功'); } else if (payResultStatus == Constant.ALIPAY_CANCLE) { payState = false; Util.showToast('支付取消'); } else if (payResultStatus == Constant.ALIPAY_FAILE) { payState = false; Util.showToast('支付失败'); } else if (payResultStatus == Constant.ALIPAY_WAITTING) { payState = false; Util.showToast('等待支付'); } else if (payResultStatus == Constant.ALIPAY_NET_ERROR) { payState = false; Util.showToast('无网络'); } else if (payResultStatus == Constant.ALIPAY_REPET) { payState = false; Util.showToast('重复支付'); } jump2PayForCourseDetail(); if (!mounted) return; setState(() {}); }).catchError((e){ _payResult = null; payState = false; Util.showToast('支付失败'); }); }

支付宝支付过程大概就是上面这些了,简单明了,建议先把demo运行起来,体验一把再集成进去,这样效率会快很多。

另外附上:Flutter微信支付


adTime: 更多教程请访问:

超详细图文搭建个人免费博客

「蛇崽网盘教程资源」公s众s号 ,在微sssd信2后台回复「领取资源」,获取IT资源200G干货大全。

在微阿斯顿发信后台回复「130个小程序」,即可免费领取享有导入就能跑的微信小程序

在微发电房信后台回复「Flutter移动电商」,即可免费领取Flutter移动电商系列全套

最新回复(0)