flutter跳转h5拉起支付宝支付

整个过程前端需要完成的工作非常少,只需要跳转后端返回的form中的地址即可。过程如下:

1.点击支付按钮后前端调取支付接口(传支付金额的接口),接口返回一个包含“https://openapi.alipay.com************************”的字符串,这个字符串就是h5的支付页面

2.跳转获取到的支付页面,浏览器会自动拉起支付宝

跳转外部链接需要用到url_launcher插件,我使用的是^6.0.12版本

具体代码如下:

import 'package:url_launcher/url_launcher.dart'; //引入包

// alipay()就是调的支付接口,value就是返回的含支付页面的字符串地址
aliPay().then((value) {
    if(value.order.length > 0){
        _launchURL(value);
    }
}


void _launchURL(url) async {
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw 'Could not launch $url';
  }
}

猜你喜欢

转载自blog.csdn.net/YML_426/article/details/127075789