多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
[TOC] #### **1、百度小程序平台支付开通和配置** 参考[百度小程序收银台文档简介](https://smartprogram.baidu.com/docs/introduction/pay-intro/)和[百度收银台支付开通指引](https://smartprogram.baidu.com/docs/introduction/pay/) 按百度文档操作。 #### **2、小程序前端页面开发** ``` <script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.21.js"></script> <!-- 引入百度jssdk --> <script> const isWebView = /swan\//.test(window.navigator.userAgent) || /^webswan-/.test(window.name); //判断是否在百度小程序内 function jumpPay() { if(isWebView) { var ordernNo = Date.parse(new Date()); //订单号(实例以时间戳为订单号) 【按自己业务逻辑修改】 var money=1; //金额默认为金额 单位:分 【按自己业务逻辑修改】 var goodsname = '测试1'; //商品名称【按自己业务逻辑修改】 var KEY_ID = '20347284'; //百度小程序的appID。,不能空。【按自己业务逻辑修改】 var str = {"ordernNo":ordernNo, "money":money, 'goodsname':goodsname,'KEY_ID':KEY_ID}; var datastr=JSON.stringify(str); //因为要吧把参数传递给小程序,所以这里需要转为字符串 var url_data="/pages/pay/pay?paydata="+datastr; swan.webView.navigateTo({url:url_data}); } else { alert("不在百度小程序内"); } } </script> <button onclick="jumpPay()">支付</button> ``` > **说明** > 1若要调用百度登录功能,则可参考上面代码,在自己页面内添加即可 > 2一定要引入百度jssdk ,否则无法调起支付。 > 3appid: 添加自己小程序的appID【步骤三图片中标出app_id】 #### **3、后端支付配置** 1进入小程序列表,找到小程序, 如下图单击进入配置 ![](http://h-img.bslyun.com/08adf2b80d194d21fbe2058fe9b2b699) 2进行配置 ![](http://h-img.bslyun.com/7a6094936a890b24907be8777fabd80e) 3APP KEY 和 dealld 参数来源 ![](http://h-img.bslyun.com/e7059e953a791042264436bbca5437c6) > **说明** >1 配置中私钥来自步骤一中验签工具中生成的私钥【只要———以内的字符串】 >2 跳转页面是小程序中支付完成后自定义填写的页面。 #### **4、支付完成后,回调处理** 参考百度[通知支付状态文档](https://smartprogram.baidu.com/docs/develop/function/tune_up_notice_2.0/),按自己业务需求添加业务处理逻辑即可。