微信 支付 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。