DCloud_heavensoft
DCloud_heavensoft
  • 发布:2015-12-31 22:36
  • 更新:2019-01-22 21:30
  • 阅读:19843

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>  

</br>

联系Beecloud

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

11 关注 分享
五块钱的果汁 小闹 蔡繁荣 小柒 JimBC DCloud_UNI_Trust 咖啡joy 5个萝卜 1353140071@qq.com 352489099@qq.com 504746793@qq.com

要回复文章请先登录注册

freedog

freedog

请问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
可怜的光头强

可怜的光头强

Mark一下,以备后用。
2017-10-27 14:24
xunhuanye588@163.com

xunhuanye588@163.com

APP_id 找不到对应的APP 是怎么回事 支付宝那头需要配置什么 应用网关 回掉地址怎么填
2017-10-26 16:43
菜鸡前端1

菜鸡前端1

我如果爱你——
  绝不像攀援的凌霄花,
  借你的高枝炫耀自己 。
2017-08-11 14:11
呆呆男

呆呆男

mui例子上的云支付银联支付调的时候出现错误“交易通讯超时,请发起查询交易(5131017)”
2017-08-03 11:20
咖啡joy

咖啡joy

请问 beecloud退款 有案例吗?
2017-07-24 14:32
meifeng@worldflying.cn

meifeng@worldflying.cn

用自己写的配置和demo的配置,支付宝都出现了,暂时无法获取订单信息,请稍后再试,错误码是-100,支付宝:62001 用户中途取消支付,可是我在支付宝已经完成了支付操作
2017-05-23 23:26
chendalinsky@qq.com

chendalinsky@qq.com

请问有没有人开发成功呀? 我复制上面的代码来集合才我的App内了(以去掉代码中的错误变量 str),但是发起支付后,客户端一直不弹出支付窗口,而beecloud上面能看得到未成功付款的支付订单。
2017-04-01 18:11
咖啡joy

咖啡joy

channel: bcChannel, 支付宝 填什么内容
2016-10-10 10:46
咖啡joy

咖啡joy

这才是好的解决方式
2016-09-23 16:07
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 yefl2064@gmail.com: 这个就是调原生支付宝
2016-08-04 04:45
yefl2064@gmail.com

yefl2064@gmail.com

回复 DCloud_heavensoft: 你手机安装支付宝后 就会转原生的
2016-08-03 11:50
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 Wcheng: 在网页里不都是这样吗?
2016-06-23 18:39
我不是汪小东

我不是汪小东

回复 DCloud_heavensoft: 金额在前端写岂不是可以更改?有没有做安全处理?
2016-06-23 17:20
Wcheng

Wcheng

金额在前端写岂不是可以更改?
2016-06-07 11:34
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 lacorey: 如果手机上没有原生支付宝,会转网页版。
2016-01-27 19:44
lacorey

lacorey

支付宝没有调用原生的呢 没有打开手机上的支付宝 是网页版的。
2016-01-27 17:27
淮风皖韵

淮风皖韵

非常棒~ 你们辛苦了
2016-01-05 10:22
小闹

小闹

嗯,了解了,谢谢 @DCloud_heavensoft @JiMBC
2016-01-02 09:19
JimBC

JimBC

回复 小闹: 使用的效果与原来的微信支付和支付宝支付完全相同,只不过让开发者的开发更加简单了
2016-01-02 00:04
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 小闹: IAP是另一套体系,http://ask.dcloud.net.cn/article/497。
还是调用plus的原生微信支付和支付宝支付,只是不需要开发服务器端代码也能完成支付。
另外百度钱包和银联会在下一期以wap方式支持。
2016-01-01 23:17
易网动力

易网动力

期待已久啊,终于发布了!!!
2016-01-01 12:29
凌风

凌风

好牛逼的赶脚
2016-01-01 08:55
小闹

小闹

支持IAP和百度钱包吗?另外,和原来的微信支付、支付宝支付相比,有什么优点?
2015-12-31 23:45