整个过程前端需要完成的工作非常少,只需要跳转后端返回的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';
}
}