美文网首页my ionic3我爱编程
ionic3学习笔记(3)ionic+cordova支付宝支付(

ionic3学习笔记(3)ionic+cordova支付宝支付(

作者: 夏日蔷薇666 | 来源:发表于2018-04-13 13:59 被阅读273次

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

    相关文章

      网友评论

      • zyrl:请问,支付成功后,如何从后台服务中跳转到ionic的支付成功页面呢?
      • 蔚蓝的宁静:请问一下, cordova is not define ? 在那里define ?

      本文标题:ionic3学习笔记(3)ionic+cordova支付宝支付(

      本文链接:https://www.haomeiwen.com/subject/vduckftx.html