ionic3学习笔记（3）ionic+cordova支付宝支付（2）

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 数据，服务器更新订单信息