vue2.0与付出个人总结

2024年5月16日 282次阅读 来源: JFS谢谢

最近在运用vue写webapp，app中要求能够完成线上付出，研讨了微信H5付出与付出宝H5付出。个中微信H5付出处在内测阶段，须要要求，依据花样写了邮件七个工作日也没获得复兴邮件，听说微信H5付出关于单量和交易额有要求，满足要求后才有很大概率开通。付出宝H5付出相对要求较为简朴，人工手艺客服壮大，基础能处理许多题目，不得不说这点照样阿里的产物更好，所以下面重要聊聊我所晓得和碰见的付出宝H5付出的相干题目。

实在付出宝的付出道理很简朴，无论是H5付出照样原生APP付出,前台只须要运用服务器返回的数据调起付出就能够了。

付出宝H5付出，基础流程就是在前台运用服务器供应的接口建立定单，服务器依据付出宝供应的SDK，举行署名等一系列操纵，详细能够拜见付出宝的官方文档https://docs.open.alipay.com/203，当服务器完成这些操纵后会会返回一个form表单，前台拿到后家在这个form表单就能够了。

让我最搅扰最耽误时间的就是在运用返回的form数据
基础形式：
<form id=’alipaysubmit’ name=’alipaysubmit’ action=’https://openapi.alipay.com/ga…‘ method=’POST’>
….

在vue中运用form的体式格局：

netTool.createdOrder(params).then(response => {

      if (response.errno === '0') {
        console.log('输出准确', response);
        this.datadorm = response.result.wappay;

        const div = document.createElement('div');
        div.innerHTML = this.datadorm;
        document.body.appendChild(div);
        document.forms.alipaysubmit.submit();
      } else {
        console.log('传输毛病');
      }
    });

  • netTool.createdOrder(params)是用来发送收集要求

  • 在response中吸收返回的form表单数据，
    也就是this.datadorm = response.result.wappay举行吸收；

  • 将返回的表单挂到html上；

末了就是挪用执行了，我是在created周期中挪用的；

关于付出效果背景须要与付出宝提议异步关照，而且验签，我们还要在背景增加一个同步关照(return_url)就是在前台付出完成的跳转效果关照页面。

    原文作者：JFS谢谢
    原文地址: https://segmentfault.com/a/1190000010272405
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞