uniapp scheme打开支付宝H5调起支付

姜来前端程序媛

已于 2024-11-29 09:25:18 修改

阅读量780

点赞数 2

分类专栏：前端开发文章标签： uni-app

于 2024-11-23 14:39:04 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_74285634/article/details/143992118

版权

前端开发专栏收录该内容

7 篇文章

订阅专栏

官方文章：小程序文档 - 支付宝文档中心

uniapp H5:

location.href = `https://ds.alipay.com/?scheme=` + encodeURIComponent(res.resultData.pay_info)

这种情况会导致进入一个支付中转页面。因为公司业务不要进入中转页，只是在当前页面弹出允许打开第三方应用的申请，所以对跳转进行了以下修改。

location.href = res.resultData.pay_info

但是这种方式只有在外部浏览器可以正常到支付宝平台支付；在微信里支付没响应，不会到支付宝平台，所以加了一个提示弹框，提示用户复制链接到外部浏览器。

isWxNavigator() {
  var ua = window.navigator.userAgent.toLowerCase();
  if (ua.match(/micromessenger/i) == "micromessenger") {
    // 微信浏览器环境
    this.$refs.payPopupUrl.open();
  } else {
    // 外部浏览器
  }
}

    <!-- 提示去浏览器打开 -->
    <uni-popup ref="payPopupUrl" type="center">
      <div class="pay_popup_box payPopupBoxNew">
        <div class="tip">
          <div>请复制链接到默认浏览器打开</div>
        </div>
        <div class="btn_box">
          <div class="item copy" @click="setClipboardData">复制链接</div>
        </div>
      </div>
    </uni-popup>

以下是res.resultData.pay_info