开发的h5网页对接的三方支付，吊起微信支付成功之后不返回页面

Question

开发了一个h5网页，对接第三方支付，不是微信官方的，在h5里面拉起微信支付，支付成功之后不能返回h5，这个问题怎么解决，能解决吗，前端Uniapp，后端php

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

解决方案

你遇到的问题是，使用第三方支付平台在H5网页中拉起微信支付，支付成功后不能返回H5网页。这可能是因为微信支付平台在支付成功后，直接返回到微信支付页面，而不是返回到H5网页。

为了解决这个问题，你可以尝试以下几种方法：

1. 使用微信支付平台提供的回调函数

微信支付平台提供了回调函数，可以在支付成功后，回调到你的H5网页。例如，在微信支付平台的配置中，添加回调函数，例如https://your-h5-page.com/callback，然后，在H5网页中，使用window.location.href将用户重定向到回调函数。

1. 使用iframe

你可以使用iframe将微信支付页面嵌套在H5网页中，然后在支付成功后，使用parent对象将用户重定向到H5网页。

1. 使用postMessage

你可以使用postMessage方法将支付结果从微信支付页面传递到H5网页，然后在H5网页中，根据支付结果，进行相应的处理。

以下是一个使用postMessage方法的示例代码：

// 在微信支付页面中
wx.ready(function() {
  wx.chooseWXPay({
    timestamp: timestamp,
    nonceStr: nonceStr,
    package: package,
    signType: 'MD5',
    paySign: paySign,
    success: function(res) {
      // 支付成功后，使用postMessage将结果传递到H5网页
      window.parent.postMessage('paymentSuccess', '*');
    }
  });
});

// 在H5网页中
window.addEventListener('message', function(event) {
  if (event.data === 'paymentSuccess') {
    // 支付成功后，进行相应的处理
    console.log('payment success');
  }
});

这些方法都可以解决你遇到的问题，但是需要根据你的具体情况选择合适的方法。