react中使用AlipayJSBridge 支付宝支付调用接口在H5网页的应用

支付宝文档：
https://opendocs.alipay.com/open/
我用的是第二种，如下：

AlipayJSBridge在支付宝里才能唤起
主要流程：我们做的是支付宝连续包月自动续费，因为支付宝限制原因需要签约两次付费，在客户端显示二维码，客户保存二维码到支付宝扫码进行后续操作
前端提供给后端的主要调起流程如下：
直接在componentDidMount 里调起，render里可以加一些loading效果，看个人需要

componentDidMount = () => {let that = this// activeMobx.isAlipayAndAgreementPageSign()调起接口，拿到后端返回的数据，这是后端给的接口activeMobx.isAlipayAndAgreementPageSign().then(res=>{let str = res.data.signthis.ready(()=>{AlipayJSBridge.call("tradePay", {orderStr: str}, function(data) {if("9000" == data.resultCode){console.log('成功')//文档里会有其它resultCode，记得是string类型"9000"}     });});})  }ready(callback) {// 如果jsbridge已经注入则直接调用if (window.AlipayJSBridge) {callback && callback();} else {// 如果没有注入则监听注入的事件document.addEventListener('AlipayJSBridgeReady', callback, false);}}

react中使用AlipayJSBridge 支付宝支付调用接口在H5网页的应用相关推荐

如何唤起支付宝支付调用接口
支付宝开通了h5页面,支持呼叫支付宝app来支持. 具体的要引用支付宝的js文件 alipayjsapi http://myjsapi.alipay.com/alipayjsapi/ 再调用方法 Al ...
微信支付调用接口退款，返回SSL certificate not found: 是什么问题？
微信支付调用接口退款,返回SSL certificate not found: 是什么问题? 处理方法 :将路径换成服务器的路径就可以了:
React中MUI初始化和方法调用
React中MUI初始化和方法调用 step1:引用 npm install @mui/material @emotion/react @emotion/styled step2:D:\vue\unt ...
php调用接口搜索的网页源代码,PHP用户管理中常用接口调用实例及解析（含源码）...
掌握用户的第一步就是将已经关注的粉丝信息保存起来,这个时候就用到获取用户列表接口.公众号可通过本接口来获取帐号的关注者列表,关注者列表由一串OpenID(加密后的微信号,每个用户对每个公众号的Open ...
uni-app中实现微信|支付宝支付
一.主要逻辑 1.支付可能需要哪些东西支付的方式[微信][支付宝] 支付的金额订单的标题订单号订单的有效期支付完成跳转的链接 2.支付 2.1.点击立即购买的时候,想后端发送ajax请求,请 ...
支付宝统一支付回调接口(适用于H5、PC、APP)
在xshell等工具中使用命令的方式调用接口
curl -X POST -H 'content-type:application/xml' -d @/home/dcos/myFile.xml http://29.148.145.17:31001/ ...
APP端接入支付宝支付接口
支付宝支付常量配置 AlipayConfig public class AlipayConfig {// 商户appidpublic static final String APPID = " ...
使用 node 调用支付宝支付接口
这篇文章中,我将简单介绍下在 node 中使用支付宝沙箱. 文章目录 1.起步 2.生成密钥 3.初始化项目 4.代码编写 5.支付商品 6.结束 1.起步先注册支付宝开放平台账号:https:// ...

react中使用AlipayJSBridge 支付宝支付调用接口在H5网页的应用

react中使用AlipayJSBridge 支付宝支付调用接口在H5网页的应用相关推荐

最新文章

热门文章