首页 / IONIC / Ionic系列——支付
Ionic系列——支付
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Ionic系列——支付，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3580字，纯文字阅读大概需要6分钟。
内容图文
1、为什么用Ping++
简单的说就是更方便，他和支付平台做了一下对接，申请不用那么复杂了，但是本身是免费的，收费的是各个平台。
其实你也可以自己去看支付宝啊，微信啊，银联的接口文档，直接对接平台，但那样很费劲，会有认证费，认证材料，接口等一系列的东西要准备。而Ping++的认证会更简单一点。
支付宝服务市场 https://app.alipay.com/market/productIndex.htm
微信支付 https://pay.weixin.qq.com/wiki/doc/api/app.php?chapter=11_1#
2、Ping++介绍
支持7种后台语言和3个移动平台
3、Ping++交易流程介绍
简单的说就是：你把支付方式，金额，内容等参数对象传给后台，后台请求Ping++服务器，返回一个Charge对象，然后在前端调用SDK发起支付控件进行支付，支付完成会有一个结果给你，但是这个是给用户看的。还要在管理平台配置一个异步结果的路径，这个才是真正的作为支付成功的参考依据。
大家把他的文档都好好读读。
4、cordova-plugin-pingpp
这个是社区贡献的一个cordova插件。我们的HybirdApp只能用这个实现。官网地址：https://github.com/TongChia/cordova-plugin-pingpp
cordova plugin install co.airsia.cordova.pingpp --variable URL_SCHEME=YOUR-URL-SCHEME
文章中用install好像安装不上，换成add
URL_SCHEME=YOUR-URL-SCHEME // 这句好像必须要写,说是回调地址用，我也不清楚是干什么的 // 所以要写成下面的样子，而且最好要长一点8-60位。 URL_SCHEME=shiguoqingapproval
最终就是这样子
cordova plugin add co.airsia.cordova.pingpp --variable URL_SCHEME=shiguoqingapproval
5、代码实现
我后端选用的Node，不得不说有了Node玩起各种东西来太方便啦！
// 我为了方便，金额，支付方式都写死了，官方文档介绍的已经很全了。
// 微信功能的post请求功能
app.get(‘/weixin_post‘, function (req, res, next) {
var pingpp = require(‘pingpp‘)(‘sk_test_GynL48LybLyPCmTOC8anTaj1‘);
pingpp.charges.create({
subject: "Your Subject",
body: "Your Body",
amount: 100,
order_no: "123456789",
channel: "upacp",
currency: "cny",
client_ip: "127.0.0.1",
app: {id: "app_ir1uHKe9aHaL9SWn"}
}, function(err, charge) {
if(err){
res.send(err);
}else{
res.send(charge);
}
});
});
charge对象，没后台的可以直接用这个，channel是upacp的
var charge={"id":"ch_ez9a5O9GSCy5fj5afHTGmvHG","object":"charge","created":1442542657,"livemode":false,"paid":false,"refunded":false,"app":"app_ir1uHKe9aHaL9SWn","channel":"upacp","order_no":"123456789","client_ip":"127.0.0.1","amount":100,"amount_settle":0,"currency":"cny","subject":"Your Subject","body":"Your Body","extra":{},"time_paid":null,"time_expire":1442546257,"time_settle":null,"transaction_no":null,"refunds":{"object":"list","url":"/v1/charges/ch_ez9a5O9GSCy5fj5afHTGmvHG/refunds","has_more":false,"data":[]},"amount_refunded":0,"failure_code":null,"failure_msg":null,"metadata":{},"credential":{"object":"credential","upacp":{"tn":"201509181017374044084","mode":"00"}},"description":null};
Ionic的controller中的写法
// 不需要引用什么就可以直接使用pingpp，在浏览器中运行会告你说没有定义pingpp,编译成app之后就没问题了。
// 支付测试
$scope.pay=function(){
var charge={"id":"ch_ez9a5O9GSCy5fj5afHTGmvHG","object":"charge","created":1442542657,"livemode":false,"paid":false,"refunded":false,"app":"app_ir1uHKe9aHaL9SWn","channel":"upacp","order_no":"123456789","client_ip":"127.0.0.1","amount":100,"amount_settle":0,"currency":"cny","subject":"Your Subject","body":"Your Body","extra":{},"time_paid":null,"time_expire":1442546257,"time_settle":null,"transaction_no":null,"refunds":{"object":"list","url":"/v1/charges/ch_ez9a5O9GSCy5fj5afHTGmvHG/refunds","has_more":false,"data":[]},"amount_refunded":0,"failure_code":null,"failure_msg":null,"metadata":{},"credential":{"object":"credential","upacp":{"tn":"201509181017374044084","mode":"00"}},"description":null};
try{
pingpp.createPayment(charge, function(result){
CommonJs.AlertPopup(‘suc: ‘+result); //"success"
}, function(result){
CommonJs.AlertPopup(‘err: ‘+result); //"fail"|"cancel"|"invalid"
});
}
catch(e){
CommonJs.AlertPopup(e);
}
};
结果：
6、错误处理
我在安装插件的时候报了这么一个错误，弄了好久都没解决，后台我重新建了一个新的项目，很顺利的就安装成功了，所以我确定是之前的项目有点问题，我感觉可能是之前我直接把plugin文件夹中的东西直接删除，没有用cordova plugin delete XXX命令导致的，配置文件可能有了点问题，但是我找不到在哪里，所以问题也一直没有解决。
以后删除插件的话，建议大家先用 cordova plugin list看一下，然后用cordova plugin delete删除。
7、其他
推荐大家了解另一个支付插件paypay
原文：http://my.oschina.net/u/1416844/blog/509194
内容总结
以上是互联网集市为您收集整理的Ionic系列——支付全部内容，希望文章能够帮你解决Ionic系列——支付所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。