1.支付寶客戶端支付流程
官方支付流程文檔：https://docs.open.alipay.com/59/103658/
2. 準(zhǔn)備已有的 ionic 項目安裝插件
1. 準(zhǔn)備已有的 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耸棒，如果已經(jīng)安裝過 git 可以忽略
3. 服務(wù)器端調(diào)用支付寶 sdk 生成訂單信息
1. 服務(wù)端 sdk 下載地址：https://docs.open.alipay.com/54/103419/
2. 本教程采用的 php 的 sdk基跑，看演示
4. 客戶端調(diào)用服務(wù)器端接口生成訂單簽名信息，調(diào)用支付插件完成支付
public url: string = 'http://39.108.159.135:8000/alipay/index.php'; //服務(wù)器端接口
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. 服務(wù)器端異步回調(diào)更新訂單信息
當(dāng)支付成功后支付寶會異步給服務(wù)器 post 數(shù)據(jù)歹篓，服務(wù)器更新訂單信息
