栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > PHP > php开源框架 > 齐博CMS

JS网页快速接入支付功能 - 齐博CMS之X1

齐博CMS 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JS网页快速接入支付功能 - 齐博CMS之X1

通过JS支付接口,可以快速的实现类似下面的支付效果,给到用户更好的体验,不会刷新与跳转用户当前的操作界面。
![](https://img.kancloud.cn/49/b6/49b604f2c911773cae6dff0533302c60_425x883.png)
*****
![](https://img.kancloud.cn/0c/1c/0c1c417c1c8dec69b6ee9a9a0fdd356d_912x810.png)

要使用JS支付接口,需要引入JS文件




然后你根据用户余额不足的情况下,就通过下面的代码唤起支付接口

Pay.pcpay(money,'购买礼物',function(type,index){r
if(type=='ok'){r
layer.close(index);r
layer.msg('充值成功,你可以继续送礼物了');r
//这里其实可以直接帮用户操作赠送礼物的r
}r
});

如上面的代码所示,就是一个类方法,格式如下

Pay.pcpay('金额','用途',function(){});

上面是PC端用的.
手机端的话,只需要把pcpay换成mobpay即可,如下所示。

Pay.mobpay('金额','用途',function(){});

要注意的是,类名Pay的首字母是大写。
金额的单位是元,用途仅仅是显示给用户看的。回调函数就是支付成功或者是失败时后续的操作(也可以不写)。
回调函数有两个参数,

第一个`type`成功的话就等于`ok`否则就是失败。
第二个参数 是层的名字,你可以把默认的提示关闭, 比如 `layer.close(index);r` 也可以不做处理,没什么影响
通过回调函数,你可以在支付成功后,自动帮用户实现购买相关操作。也可以不实现,让用户重新选择处理。



注意事项:
为了更好的用户体验,考虑到在手机端用户基本上都是用微信,所以手机端是微信支付优先,甚至不提示用户使用支付宝。因为微信上也不能用支付宝。
PC端的话,会让用户自由选择微信或支付宝扫码。支付宝扫码的话,需要先开通支付宝WAP支付。否则需要用户手机在二维码下面点击继续使用电脑支付的页面。体验感就要差一些。
*****
特别提醒:

用小程序或手机浏览器的话,体验感要差一些,会进行页面跳转,支付成功后,再返回到当前页面的话,回调函数就没效了。
在APP上,虽然页面会跳转,但支付成功后,回调函数还是会继续执行的。

*****
对于积分充值的话,给大家一段代码示例。
需要先根据积分算出所需的金额,主要是考虑到APP调用的时候,要用这个接口,如果在服务器端的模板,也可以通过当前页面直接写PHP代码实现,用户体验会好一些。

$.get("{:purl('marketing/jifen/count_rmb',[],'member')}?jifen="+jifen,function(res){ //这里是根据积分个数换算成需要支付多少RMBr
if(res.code==0){r
var money = res.data;r
//充值RMBr
Pay.pcpay(money,'购买礼物',function(type,index){r
if(type=='ok'){ //充值RMB成功r
layer.close(index);r
layer.msg('充值成功,正在兑换积分');r
$.get("{:purl('marketing/jifen/exchange',[],'member')}?rmb="+money,function(res){ //把充值回来的RMB,兑换成积分r
if(res.code==0){r
layer.msg('你有足够的积分可以购买礼物了!');r
//这里其实可以直接帮用户操作赠送礼物的r
}else{r
layer.alert(res.msg);r
}r
})r
}r
});r
}else{r
layer.alert(res.msg);r
}r
})


大家看上面的代码,

第一个`$.get`是为了根据积分数算出所需的RMB,然后才使用支付接口进行充值,
第二个`$.get`是充值成功后,自动的把用户的RMB兑换成积分。兑换成功,才提示用户进行下一步操作,或者是你写代码帮用户完成后续的操作。
这里积分的充值使用只是一个示范例子,还有更多的其它积分或者流量换算可以参考这个进行修改即可。


特别提醒,
在程序中使用如下代码即可激活在当前页面充值

$this->error('你的可用余额不足',null,['paymoney'=>1.05]);

关键点就是第三个参数,设置一个数组,键名参数为`paymoney`设置一个金额,即可在当前页面唤起在线支付充值

['paymoney'=>1.05]


特别注意, 是`$this->error` 不是 `return $this->err_js`,
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/214206.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号