ionic3学习笔记(3)ionic+cordova支付宝支付(
1.支付宝客户端支付流程
官方支付流程文档:https://docs.open.alipay.com/59/103658/
2. 准备已有的 ionic 项目安装插件
1. 准备已有的 ionic 项目
2. 找到插件地址
https://github.com/hhjjj1010/cordova-plugin-alipay-v2
3. 安装
在线安装
cordova plugin add cordova-plugin-alipay-v2 --variable APP_ID=[your AppId]
cordova plugin add https://github.com/hhjjj1010/cordova-plugin-alipay-v2.git --variable APP_ID=[your AppId]
本地安装
1.下载插件到本地
2.cordova plugin add 插件路由 --variable APP_ID=[your AppId]
注意:在线安装需要电脑上面先安装 git,如果已经安装过 git 可以忽略
3. 服务器端调用支付宝 sdk 生成订单信息
1. 服务端 sdk 下载地址:https://docs.open.alipay.com/54/103419/
2. 本教程采用的 php 的 sdk,看演示
4. 客户端调用服务器端接口生成订单签名信息,调用支付插件完成支付
public url: string = 'http://39.108.159.135:8000/alipay/index.php'; //服务器端接口
getData() {
this.http.get(this.url).subscribe(obj => {
this.html = obj.text();
console.log(obj.text());
});
}
goToPay() {
cordova.plugins.alipay.payment(this.html, (success) => {
alert(success);
this.success=JSON.stringify(success); //处理成功的信息
}, (error) => {
// console.log(error);
this.err=JSON.stringify(error);
alert(JSON.stringify(error));
});
}
5. 服务器端异步回调更新订单信息
当支付成功后支付宝会异步给服务器 post 数据,服务器更新订单信息