微信 支付 h5 开发 使用 best-pay-sdk

7

微信 支付 h5 开发 使用 best-pay-sdk

微信支付H5开发使用Best-Pay-SDK

作为一名开发者,看到微信官方的头就痛了,不想看了。微信搞了一套又一套,太麻烦了。但是,我们发现了一个第三方的sdk——Best-Pay-SDK,最终确实可以使用了。

第三方sdk的Github地址

* [ 项目地址

* [ sdk官方demo

* [ 安装Best-Pay-SDK首先,我们需要安装Best-Pay-SDK。可以通过npm或yarn进行安装。

```bashnpm install best-pay-wechat```

或者```bashyarn add best-pay-wechat```

2. 导入sdk在你的H5项目中,导入Best-Pay-SDK。

```javascriptimport WeChatPay from 'best-pay-wechat';

```

3. 初始化sdk初始化Best-Pay-SDK,需要传入微信支付的appid和商户id。

```javascriptconst weChatPay = new WeChatPay({

appId: 'your-app-id',

mchId: 'your-mch-id',

});

```

4. 创建订单创建订单,需要传入商品名称、金额等信息。

```javascriptweChatPay.createOrder({

body: '测试商品',

totalFee:1,

}).then((res) => {

console.log(res);

});

```

5. 支付回调支付回调函数,需要传入订单id和支付结果。

```javascriptweChatPay.on('payment', (orderId, result) => {

if (result.status === 'SUCCESS') {

console.log(`支付成功:${orderId}`);

} else {

console.log(`支付失败:${orderId}`);

}

});

```

6. 支付取消支付取消函数,需要传入订单id。

```javascriptweChatPay.on('cancel', (orderId) => {

console.log(`支付取消:${orderId}`);

});

```

注意

* 需要在微信支付的后台中配置商户信息和appid。

* 需要在H5项目中配置Best-Pay-SDK的appid和商户id。

参考文档

* [微信支付官方文档]( [Best-Pay-SDK官方文档]( Q:如何使用Best-Pay-SDK?

* A:首先,需要安装Best-Pay-SDK,然后导入sdk,初始化sdk,创建订单,支付回调,支付取消。

* Q:为什么微信支付的头痛了?

* A:因为微信搞了一套又一套,太麻烦了。

总结

使用Best-Pay-SDK可以方便地进行微信支付H5开发。需要注意的是,需要在微信支付的后台中配置商户信息和appid,在H5项目中配置Best-Pay-SDK的appid和商户id。

支付微信支付bestpay

版权声明:除非特别标注,否则均为网络文章,侵权请联系站长删除。

上一篇 微信银行服务器停用吗,微信如果绑定了银行卡,这个设置必须关闭,不然每个月会自动扣钱...

下一篇 2024申请委托代扣开通快捷通道解说,会员自动续费无忧,微信支付BD助你快捷开通委托代扣周期扣款!