微信中调起支付宝支付

如有问题欢迎评论留言，看到定回复哦^_^(^o^)/~

1、中间页引导用户在浏览器中打开去唤起支付宝。

2、浏览器中打开支付宝或app中打开支付宝。

3、唤起成功后，进行支付宝支付：支付成功、支付失败、支付取消、支付超时。

5、在支付后，返回浏览器时渲染出支付成功和支付失败的用户提示页面。

app中打开支付宝测试，需要注意：

1、在测试环境中，开发者需要在支付宝开放平台注册沙箱环境账号：。

2、注册后，在Android中下载沙箱钱包，登录的账号为沙箱环境中的买家账号和密码。

二、整个需求的业务代码如下：

1、中间页引导页：

<div class="Pending">
      <div class="in-weixin" v-if="isWeixin">
         <div class="not-pay" v-if="!payStatus">
            <div class="weixin-tip">
               <div class="weixin-tip-content">
                 | 请在菜单中选择在浏览器中打开,
                 <br/>
                 | 以完成支付
               </div>

            </div>
            <div class="weixin-img" :class="{ios: isIos, android: isAndroid}">
            </div>
            <!--<div class="weixin-button">-->
              <!--| 返回选择其他支付方式-->
            <!--</div>-->
         </div>
         <div class="have-pay" v-else>
           <p>检查支付结果</p>
         </div>
      </div>
      <div class="in-browser" v-if="!isWeixin">
       <!--<p>支付跳转中...{
         
  {retry}}</p>-->
       <p>支付跳转中...</p>
      </div>
      <div class="payment-form" v-html="paymentForm">

      </div>
   </div>

在ios上面的效果：

2、js逻辑处理：

3、唤起成功成功时的页面效果：

5、支付后返回到浏览器，支付成功和支付失败新建两个页面，把页面的URL指定发给后台，后台进行URL配置。当支付后返回到浏览器，渲染出成功或失败的提示页面。