uniapp 安卓APP，调第三方杉德支付，如何返回APP指定的页面

BigBig_Zhang

已于 2022-12-01 17:02:24 修改

阅读量2.2k

点赞数 2

分类专栏：技术文章标签： uni-app

于 2022-12-01 16:59:55 首次发布

本文链接：https://blog.csdn.net/BigBig_Zhang/article/details/128134730

版权

技术专栏收录该内容

2 篇文章

订阅专栏

本文分享了使用uniapp生成的安卓APP对接杉德支付时遇到的问题及解决办法。通过创建一个空白HTML5页面作为returnUrl，利用杉德支付完成后的自动关闭特性，实现返回APP并监听支付状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近使用uniapp生成的安卓APP对接第三方支付，遇到了些问题，记录一下

参考杉德支付给的《杉德新收银台uniapp原生差价说明》，文档写的不是很清晰明了，调试的时候让人很头大

h5调试杉德支付时，传入returnUrl,支付成功后，杉德会跳回我出入的returnUrl；

现在生成的APP，支付完成后，如何跳回呢，文档写的不是很清晰；经过查找资料，咨询APP开发同事的经验，得到如下结论，成功解决了问题

解决：生成一个空白的HTML5页面，放到returnUrl，杉德支付完成后，他们会自动关闭这个h5页面，然后达到了回到APP的效果，然后在回调函数里监听支付状态，如果成功，就去跳转到你想去的页面；

 let curl = 'https://xxxx'; // h5页面
      let params = {
        returnUrl: curl,
      }
      this.$http
        .get(`/xxxxx`, params, {
          showLoading: false,
        })
        .then((res) => {
          if (res.code) {
            let order = JSON.parse(res.data)
            sandepay.cashierPaySingle(order, (ret) => {
              if (ret.resultCode == '0000') {
                uni.showToast({
                  title: '支付成功',
                  icon: 'none',
                  mask: false,
                  duration: 2000,
                })
                 uni.navigateTo({
                    url: '/xxxx'
                  })
              } else if (ret.resultCode == '0002') {
                uni.showToast({
                  title: ret.failReason,
                  icon: 'none',
                  mask: false,
                  duration: 2000,
                })
              }
            })
          }
        })