wxpay-sdk

wxpay sdk 微信支付 微信

Usage no npm install needed!

<script type="module">
  import wxpaySdk from 'https://cdn.skypack.dev/wxpay-sdk';
</script>

README

微信支付-公众号JSAPI支付

在第三方的页面上通过jsapi调用微信支付需要现在后台调用统一下单接口进行下单。此处的SDK封装了此过程 调用者只需要在后台如下方式调用

var wxPaySDKInstance = new WXPaySDK(wxAppId, mchId, mchKey);
wxPaySDKInstance.doOrder({
    openid: 'openid',
    body: '购买xxx商品',
    total_fee: 1, // 下单金额’分为单位
    notify_url: 'https://youdomain/xxx.php', // 支付成功后的回调地址，用来通知用户
    outtrade_no: '3234324234' // 商户自己的订单id
}, function (err, ret) {
    // 这里处理下单成功后的回调
})

##微信支付-刷卡支付SDK
对微信官方提供的刷卡支付api进行了封装，目前暴漏了支付、撤销、查询3个接口给业务代码。极大的降低了商户接入微信扫码支付的门槛

##哪些场景适合用刷卡（被扫）支付，看如下步骤

* 步骤1：用户选择被扫支付付款并打开微信，进入“我”->“钱包”->“刷卡”条码界面（如图5.1所示）；
* 步骤2：收银员在商户系统操作生成支付订单，用户确认支付金额；
* 步骤3：商户收银员用扫码设备扫描用户的条码/二维码，商户收银系统提交支付；
* 步骤4：微信支付后台系统收到支付请求，根据验证密码规则判断是否验证用户的支付密码，不需要验证密码的交易直接发起扣款，需要验证密码的交易会弹出密码输入框（如图5.2所示）。支付成功后微信端会弹出成功页面（如图5.3所示），支付失败会弹出错误提示。

进入微信刷卡界面

![进入微信刷卡界面](http://cos.myqcloud.com/1000371/img_list/cover/1bd7d460b4b948a1e443154ee7c23efe.jpg)

输入支付密码，小额支付免输入密码

![输入支付密码](http://cos.myqcloud.com/1000371/img_list/cover/9895012eb95332d21f06aaf73fd7df78.jpg)

支付完成

![支付完成](http://cos.myqcloud.com/1000371/img_list/cover/2522a8c6b55e609f8f7e6b20f1879b77.jpg)


##SDK有哪些功能？

* 实现扫码支付，通过扫描用户手机的条码或者二维码提交被扫支付请求
* 从微信支付后台查询某单的支付状态
* 撤销某一个订单

##将SDK引入到你的项目中

```javascript
npm install wxpay-sdk --save

调用示例

var wxPaySDKInstance = new WXPaySDK(wxAppId, mchId, mchKey);

// 发起一笔被扫支付 ，参数请参考微信支付被扫支付api文档
wxPaySDKInstance.pay(data, callback);

// 查询被扫支付订单信息,
// {transaction_id: 111, out_trade_no: 111}
wxPaySDKInstance.query(query, callback);

// 发起一笔撤销,对某个订单进行撤销
wxPaySDKInstance.reverse(data, callback);

更多功能

http://mch.weixin.qq.com/wiki/doc/api/micropay.php?chapter=5_5

有问题反馈

在使用中有任何问题，欢迎反馈给我，可以用以下联系方式跟我交流

  • 邮件(89502611@qq.com)
  • QQ: 89502611

捐助开发者

如果你觉得SDK对你的编码有帮助并且您诚心的认可我，那么你可以随意打赏一下作者。

微信扫描