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

分类：MUI

beecloud 支付

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

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

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

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

准备工作

注册

在BeeCloud官网注册，并完成企业认证。

创建APP

在BeeCloud控制台创建你的第一个APP。

配置支付参数

配置您所需的支付渠道的支付参数，具体请参考BeeCloud-渠道参数配置，如图：

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>