微信支付、支付宝支付（cordova，ionic3）

支付文档
支付宝
1.申请支付应用

• 官网地址：https://open.alipay.com/developmentAccess/developmentAccess.htm
  点击 开发者中心 => 网页 & 移动应用
  

• 创建支付应用

  • 填写 应用名称等一系列内容
    

• 添加应用功能

• 上传 应用头像

  • 添加 所需应用功能 => app支付 => 点击签约
  • 获取 Appid
    
    2、前端实现

    • ionic alipay插件地址：https://ionicframework.com/docs/native/alipay/

    • 正式环境插件安装

      • APP_ID 是上面应用的appid
      • ionic cordova plugin add cordova-plugin-gubnoi-alipay --variable APP_ID=your_app_id
      • npm install --save @ionic-native/alipay

    • 沙箱测试环境插件安装：

      • 沙箱模式添加：SANDBOX_MODE=true 否则 不需要添加
      • ionic cordova plugin add cordova-plugin-gubnoi-alipay --variable APP_ID=your_app_id SANDBOX_MODE=true
      • npm install --save @ionic-native/alipay

    • 代码实现

      goAlipay = (): void => {
      	 this.ajax.loadData({
      	  url: `https://api.mini.repair.quanzhuejia.com/apis/maintainworker/alipay`,
      	  method: 'get',
      	  title: '支付宝支付',
       }).subscribe(res => {
      		 cordova.plugins.ali.pay(res.payload.alipay) //ionic提供的this.alipay方法调不成功
      .then(result => {
         console.log(result); // Success
      	  alert('success');
      	  alert(result);
       })
      	.catch(error => {
      	console.log(error); // Failed
      	 alert('error');
      	alert(error);
      
         });
      })
       }
      

• 遇到问题解决

  • 报 “系统繁忙，请稍后再试（ALIN10146）

    具体参考：https://openclub.alipay.com/read.php?tid=6918&fid=60&page=1

3、 后端实现

微信支付

1、 申请支付应用

• 官网地址：https://open.weixin.qq.com
  
  
• 查看应用详情
  • 可以获取应用的 AppID ，AppSecret
  • 微信支付 需要开通 应用移动支付功能
    
• 微信登录 需要注册并通过 开放平台开发者资质认证
  
  
• 应用审核通过以后 可以进行开发

2、 前端实现

• 微信支付插件：
  • cordova plugin add cordova-plugin-wechatv2 --variable wechatappid=YOUR_WECHAT_APPID
  • npm install wechat-chenyu --save
  • ionic 官网 提供的插件（v1版本）作者不更新了 所以使用v2版本

具体参考：
https://github.com/xu-li/cordova-plugin-wechat/issues
https://github.com/guoanfamily/cordova-plugin-wechat

• 代码实现

 goWeChat = () => {
    this.ajax.loadData({
      url: `https://api.mini.repair.quanzhuejia.com/apis/maintainworker/WeChatMobile`,
      method: 'get',
      title: '微信支付',
    }).subscribe(res => {
      console.log(res);

      const params = res.payload.json;

      this.WechatChenyu.sendPaymentRequest(params)
        .then(result => {
          console.log(result); // Success
          alert(result)
        })
        .catch(error => {
          console.log(error); // fail
          alert(error);
        })

    })
  }

• 遇到问题解决：

  • 报“ 普通错误 ”

具体参考：
https://github.com/xu-li/cordova-plugin-wechat/issues?page=6&q=is%3Aissue+is%3Aopen
https://github.com/xu-li/cordova-plugin-wechat/issues/353
https://blog.csdn.net/qq_31424825/article/details/79099070

• 报 " 参数格式错误 "
  • 后台检查 返回参数字段知否正确