iOS端调用微信支付 WeixinJSBridge.invoke 接口支付成功但无返回结果的解决办法

2024-02-17 22:55:09

前言

作为时下最为热门的移动支付方式之一，微信支付在移动端购物中扮演着举足轻重的角色。在iOS端，开发人员通常采用 WeixinJSBridge.invoke 接口来完成微信支付的调用。然而，在支付成功后，部分情况下会出现未收到返回结果的异常情况，给开发人员带来了困惑。

问题

现象

在iOS端使用 WeixinJSBridge.invoke 接口调用微信支付后，尽管支付成功，但并未收到任何返回结果。这给开发人员带来了极大的困扰，无法获知支付状态，也无法进行后续操作。

成因

经过调查发现，导致此问题的原因主要集中在两个方面：

网络问题：

网络不稳定：在支付过程中，网络状况可能出现波动或中断，导致返回结果无法及时传达。
网络超时：由于某些原因，网络请求在一定时间内未得到响应，导致支付成功后未收到返回结果。

代码问题：

缺少回调函数：

在调用 WeixinJSBridge.invoke 接口时，没有注册回调函数。这会导致支付成功后，无法收到返回结果。

回调函数实现不当：

回调函数的实现存在问题，无法正确处理支付成功后的返回结果。

解决方案

针对以上问题，提供如下解决方案：

1. 排查网络问题

确保网络连接稳定：

在支付过程中，尽量确保网络连接稳定，避免出现波动或中断的情况。如果网络状况不佳，建议尝试切换到其他网络环境。

延长网络请求超时时间：

在代码中设置更长的网络请求超时时间，以避免因网络延迟而导致请求超时。

2. 检查代码实现

注册回调函数：

在调用 WeixinJSBridge.invoke 接口时，务必注册回调函数，以便在支付成功后收到返回结果。

正确实现回调函数：

确保回调函数能够正确处理支付成功后的返回结果。这包括解析返回结果，提取必要的支付信息，并做出相应的后续操作。

示例代码

function onBridgeReady() {
  WeixinJSBridge.invoke(
    'getBrandWCPayRequest',
    {
      appId: 'wxd930ea5d5a258f4f',
      timeStamp: '1514794188',
      nonceStr: '4a32a26361',
      package: 'prepay_id=wx20160908105702b89476032902',
      signType: 'MD5',
      paySign: '70EA570631E4BBA8F45090FF8067E737'
    },
    function (res) {
      if (res.err_msg === 'get_brand_wcpay_request:ok') {
        // 支付成功，给出提示
        alert('支付成功！');
      } else {
        // 支付失败，给出错误提示
        alert('支付失败：' + res.err_msg);
      }
    }
  );
}

if (typeof WeixinJSBridge == 'undefined') {
  document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else {
  onBridgeReady();
}