uniapp jsapi调起微信支付

1

uniapp jsapi调起微信支付

uni-app jsapi 调起微信支付

最近做的项目是 H5 的,要实现在微信浏览器调起微信支付。下面是大概流程:

1. 判断浏览器类型首先要判断当前浏览器是否为微信浏览器。如果不是,则不能使用微信支付功能。

```javascript// 判断浏览器类型if (navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) {

// 是微信浏览器} else {

// 不是微信浏览器,无法使用微信支付功能}

```

2. 获取微信支付配置如果是微信浏览器,则需要获取微信支付的配置信息。包括 appid、mch_id 等。

```javascript// 获取微信支付配置const appId = 'your_app_id';

const mchId = 'your_mch_id';

```

3. 初始化微信支付使用微信支付的 jsapi 来初始化支付功能。

```javascript// 初始化微信支付wx.config({

debug: true,

appId: appId,

timestamp: '',

nonceStr: '',

signature: '',

jsApiList: ['chooseWXPay']

});

```

4. 获取微信支付签名使用微信支付的 jsapi 来获取签名。

```javascript// 获取微信支付签名wx.ready(function() {

wx.chooseWXPay({

timestamp: '',

nonceStr: '',

package: '',

signType: 'HMAC-SHA256',

paySign: ''

});

});

```

5. 调起微信支付使用微信支付的 jsapi 来调起支付功能。

```javascript// 调起微信支付wx.chooseWXPay({

timestamp: '',

nonceStr: '',

package: '',

signType: 'HMAC-SHA256',

paySign: ''

});

```

6. 支付结果回调使用微信支付的 jsapi 来监听支付结果回调。

```javascript// 支付结果回调wx.error(function(res) {

console.log('支付失败');

});

wx.ready(function() {

wx.onMenuShareAppMessage({

title: '',

desc: '',

link: '',

imgUrl: ''

});

});

```

以上是 uni-app jsapi 调起微信支付的详细流程。需要注意的是,微信支付功能需要在微信浏览器中才能正常使用。如果不是微信浏览器,则无法使用微信支付功能。

注意事项

* 微信支付功能需要在微信浏览器中才能正常使用。

* 需要获取微信支付的配置信息,包括 appid、mch_id 等。

* 需要初始化微信支付功能。

* 需要获取微信支付签名。

* 需要调起微信支付功能。

* 需要监听支付结果回调。

参考文档

* 微信支付 jsapi 文档: uni-app 文档:

支付jsvue

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

上一篇 QQ小程序支付 调起微信支付

下一篇 微信支付验签失败