DCloud_heavensoft
DCloud_heavensoft
  • 发布:2015-12-31 22:36
  • 更新:2019-08-22 10:50
  • 阅读:23047

DCloud-BeeCloud Pay 无后端开发的支付服务

分类:MUI

DCloud-BeeCloud Pay
==============

DCloud和BeeCloud合作的支付业务,与普通的三方支付不同。
它仅需要工程师写前端App的js代码,调用Plus的原生支付接口进行支付宝和微信的原生支付,不需要服务器编写代码,即可收款到开发商自己的微信或支付宝的账户里。
需要注意钱并不流经DCloud或beecloud的服务器,开发商向微信和支付宝申请账户,最终用户支付的钱直接到达开发商在微信或支付宝里申请的账户。

BeeCloud同样支持银联在线支付渠道,银联在线在WAP及流应用环境下同样可用。

体验DEMO的方式:HBuilder 7.0版本后新建的Hello mui项目含有cloud pay模板。

准备工作

注册

创建APP

配置支付参数

test

开始支付

manifest.json配置

模块权限配置
  • 勾选payment模块
SDK配置
  • 需要在plus.payment-支付中配置scheme

    • 支付宝支付
      自定义填写,推荐使用小写字符串,不能填写alipay,AliPay等关键字

    • 微信支付
      固定填写,微信开放平台创建应用的APPID

这些配置都是云打包之后生效,所以测试微信支付,必须云打包之后,在手机上运行,才能正常调起微信客户端支付。否则在数据正常的情况下,调起微信客户端后,会出现异常(只显示一个确定按钮)
真机运行使用的是DCloud公司的支付配置信息,此时付款会付给DCloud。

代码实现

  • 在页面中引入beecloud.js
    ( 在Hello mui里含有本文件)

    <script src="beecloud.js"></script>  
  • 构建支付参数发起支付

<script src="beecloud.js"></script>  
<script type="text/javascript">  
    function beecloudPay(bcChannel) {  
        /*  
         * 构建支付参数  
         *   
         * app_id: BeeCloud控制台上创建的APP的appid,必填   
         * title: 订单标题,32个字节,最长支持16个汉字;必填  
         * total_fee: 支付金额,以分为单位,大于0的整数,必填  
         * bill_no: 订单号,8~32位数字和/或字母组合,确保在商户系统中唯一,必填  
         * optional: 扩展参数,可以传入任意数量的key/value对来补充对业务逻辑的需求;此参数会在webhook回调中返回; 选填  
         * bill_timeout: 订单失效时间,必须为非零正整数,单位为秒,必须大于360。选填   
         */  
        var payData = {  
            app_id: "c37d661d-7e61-49ea-96a5-68c34e83db3b",  
            channel: bcChannel,    
            title: "DCloud",   
            total_fee: 1,   
            bill_no: beecloud.genBillNo(),      
            optional: {'uerId':'beecloud','phone':'4006280728'},    
            bill_timeout: 360   
        };  
        /*  
         *  发起支付  
         *  payData: 支付参数  
         *  cbsuccess: 支付成功回调  
         *  cberror: 支付失败回调  
         */  
        beecloud.payReq(payData, function(result) {  
            mui.alert("----- 支付成功 -----" + str);  
        }, function(e) {  
            mui.alert("----- 支付失败 -----\n" +"错误码:"+ e.code + '\n' + e.message);  
        });  
    }  
</script>

联系Beecloud

如果您遇到问题,有以下方式可以联系到Beecloud:
① 请致电 40062807281
② 加入我们的开发者交流群:429506653
③ 在我们的FAQ页寻找答案

12 关注 分享
五块钱的果汁 小闹 蔡繁荣 小柒 JimBC Trust 咖啡joy 5个萝卜 1353140071@qq.com 今天回复我了吗 504746793@qq.com Xpress

要回复文章请先登录注册

3102363@qq.com

3102363@qq.com

mark
2019-08-22 10:50
1357283666@qq.com

1357283666@qq.com

回复 B站全栈之巅 :
请问你是否实现了
2019-06-11 09:24
1357283666@qq.com

1357283666@qq.com

uniapp需要如何实现银联在线支付
2019-06-11 09:23
1209553410@qq.com

1209553410@qq.com

请问,支付成功之后怎么跳转到成功页面
2019-05-07 11:35
B站全栈之巅

B站全栈之巅

请问uniapp如何实现?
2019-01-22 21:30
uniapp视频教程

uniapp视频教程

提醒大家,无后端生成支付串方式不安全,写demo没问题,线上环境还是用php或者其它语言生成支付串.
2018-05-24 17:15
5个萝卜

5个萝卜

mark
2018-04-02 22:58
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 flym :
都不是,你说的这2个是源码示例。真实应用时,你新建空项目或mui项目都可以。
2017-11-07 16:37
flym

flym

求教 新建项目时 是选择hello mui 项目还是 hello h5+ 项目?????
2017-11-07 11:18
BruceAn

BruceAn

Mark一下,以备后用。
2017-10-27 14:24