2018-11-28更新日志
最近总有人问在iOS上没有回调的问题,真机实测不存在该问题。
第一步:在xcode中检查project的Bundle Identifier是否与其他项目重名
第二步:在xcode中检查project的URL Types上alipay的URL Schemes格式是否正确
xcode的URL Types上alipay的URL Schemes正确格式应为ali2xxxxxxxxxxxxxxx。2开头的这串数字是你的APP_ID,英文字母与数字之间没有任何符号!!!
第三步:检查调用插件写法是否正确
ionic1上的建议写法
var payInfo = "xxx";
cordova.plugins.alipay.payment(payInfo,function success(e){
// 支付成功
},function error(error){
// 支付失败
console.log("支付失败" + error.resultStatus);
});
ionic3上的建议写法
let payInfo = "xxx";
cordova.plugins.alipay.payment(payInfo, (res) => {
// 支付成功
}, (error) => {
// 支付失败
console.log(error.resultStatus);
});
前言:cordova-plugin-alipay-v2(更新至20170725)
支付宝的cordova插件其实在github上已经有很多了,但是都已经是以前的版本了。在2016年11月的时候支付宝进行了一次更新,支付宝的SDK升级到2.0版本。以前在app中使用支付宝进行支付叫做移动支付,11月之后更名为APP支付。
本插件仅支持《APP支付》,不支持移动支付
Note
插件从v1.0.0开始支持cordova-android 7.0.0,因为cordova-android 7.0.0更改了android项目的文件目录,所以不再兼容以前的老版本,升级前请务必注意。
如果项目是之前的cordova-android老版本,请安装插件以前的老版本,在安装的时候带上版本号即可,[email protected]。
功能说明
- 根据支付宝的说明文档的建议,为保证安全,签名都放到后端去做,前端只需要接收后台传入签名字符串,使用该插件调用支付宝SDK完成支付
- APP_ID:对应开放平台中应用的APPID,主要用于iOS平台xcode构建URL Schemes
支持平台
- android (alipaySdk-2070725.jar)
- iOS (xcode版本须大于7.0)
安装
在线安装
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]
本地安装
下载插件到本地
cordova plugin add /your/local/path --variable APP_ID=[your AppId]
使用 API
// ionic3上使用时需早import结束后添加 declare let cordova;
// 第一步:订单在服务端签名生成订单信息,具体请参考官网进行签名处理 https://docs.open.alipay.com/204/105465/
var payInfo = "app_id=2015052600090779&biz_content=%7B%22timeout_express%22%3A%2230m%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%2C%22total_amount%22%3A%220.01%22%2C%22subject%22%3A%221%22%2C%22body%22%3A%22%E6%88%91%E6%98%AF%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%22%2C%22out_trade_no%22%3A%22IQJZSRC1YMQB5HU%22%7D&charset=utf-8&format=json&method=alipay.trade.app.pay¬ify_url=http%3A%2F%2Fdomain.merchant.com%2Fpayment_notify&sign_type=RSA2×tamp=2016-08-25%2020%3A26%3A31&version=1.0&sign=cYmuUnKi5QdBsoZEAbMXVMmRWjsuUj%2By48A2DvWAVVBuYkiBj13CFDHu2vZQvmOfkjE0YqCUQE04kqm9Xg3tIX8tPeIGIFtsIyp%2FM45w1ZsDOiduBbduGfRo1XRsvAyVAv2hCrBLLrDI5Vi7uZZ77Lo5J0PpUUWwyQGt0M4cj8g%3D";
// 第二步:调用支付插件
// ionic1上的写法
cordova.plugins.alipay.payment(payInfo,function success(e){
// 支付成功
},function error(error){
// 支付失败
console.log("支付失败" + error.resultStatus);
});
// ionic3上的写法
cordova.plugins.alipay.payment(payInfo, (res) => {
// 支付成功
}, (error) => {
// 支付失败
console.log("支付失败" + error.resultStatus);
});
//e.resultStatus 状态代码 e.result 本次操作返回的结果数据 e.memo 提示信息
//e.resultStatus 9000 订单支付成功 ;8000 正在处理中 调用function success
//e.resultStatus 4000 订单支付失败 ;6001 用户中途取消 ;6002 网络连接出错 调用function error
//当e.resultStatus为9000时,请去服务端验证支付结果
/**
* 同步返回的结果必须放置到服务端进行验证(验证的规则请看https://doc.open.alipay.com/doc2/
* detail.htm?spm=0.0.0.0.xdvAU6&treeId=59&articleId=103665&
* docType=1) 建议商户依赖异步通知
*/
TIPS
1. iOS上支付成功之后无法回调
xcode的URL Types上alipay的URL Schemes正确格式应为ali2xxxxxxxxxxxxxxx。2开头的这串数字是你的APP_ID,英文字母与数字之间没有任何符号!!!
2. 沙箱环境
在我个人的开发过程中确实是没有使用到沙箱环境,都是直接真实支付1分钱来做测试。 如要使用沙箱环境,请自行参考官方文档https://docs.open.alipay.com/200/105311/