React实现微信扫码支付

效果图

一、请求后台接口获取data数据

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

二、解析数据

https://www.npmjs.com/package/qrcode.react

安装

npm install qrcode.react

二维码生成工具

 <QRCode size={150} value={this.state.path}/>

解析处理data

  /*** 二维码支付的返回数据*/if (payData !== ispFeeOlds && payData) {if (payData.code_url) {this.setState({showQR: true,path: payData.code_url,});} else {if (payData.err_code_des) {message.info(payData.err_code_des)} else {message.info("微信扫码支付失败")}}}

三、回调处理

目前扫码不回调只能通过监听自己服务器订单状态改变

欢迎加入技术分享学习公众号【码兄】

React实现微信扫码支付相关推荐

c#版在pc端发起微信扫码支付
c#版在pc端发起微信扫码支付参考此连接(https://www.cnblogs.com/vinsonLu/p/5166214.html#!comments) posted on 2019-01-0 ...
微信扫码支付模式二【无法回调】解决方案
微信扫码支付模式二[无法回调]解决方案参考文章: (1)微信扫码支付模式二[无法回调]解决方案 (2)https://www.cnblogs.com/lhat/p/5611242.html 备忘一下 ...
微信扫码支付官方配置(一)
微信扫码支付官方API: https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=6_1 .net C# SDK: https://pay. ...
ASP.NET Core Web 支付功能接入微信-扫码支付篇
// 随着版本更迭,新版本可能无法完全适用,请参考仓库内的示例. 这篇文章将介绍ASP.NET Core中使用开源项目 Payment(https://github.com/Essensoft/Pa ...
微擎支付返回商户单号_一步一步教你在SpringBoot中集成微信扫码支付
一:准备工作使用微信支付需要先开通服务号,然后还要开通微信支付,最后还要配置一些开发参数,过程比较多. 申请服务号(企业) 开通微信支付开发配置具体准备工作请参考Spring Boot入门教程( ...
微信支付宝服务器分布,支付宝微信扫码支付中间件「第二届立创商城电子制作节30强作品」...
原标题:支付宝微信扫码支付中间件「第二届立创商城电子制作节30强作品」本作品为第二届立创商城电子制作节30强入围作品,作者立创社区ID:云逸Baby:转载请注明出处,未经允许不得用作商业用途.作品原 ...
JAVA微信扫码支付模式二功能实现完整例子
概述本例子实现微信扫码支付模式二的支付功能,应用场景是,web网站微信扫码支付.实现从点击付费按钮.到弹出二维码.到用户用手机微信扫码支付.到手机上用户付费成功.web网页再自动调整到支付成功后的页 ...
SpringBoot 2 集成微信扫码支付
前言该文主要是手把手教你如何在SpringBoot 中集成微信扫码支付,以及集成的过程需要注意的问题事项.另外需要感谢 vbirdbest 关于微信支付和支付宝支付相关包博客总结.因为文中很多地方参 ...
微信扫码支付模式二【无法回调】解决方案(转)
微信扫码支付模式二[无法回调]解决方案(转) 参考文章: (1)微信扫码支付模式二[无法回调]解决方案(转) (2)https://www.cnblogs.com/kenshinobiy/p/8724 ...

React实现微信扫码支付

一、请求后台接口获取data数据

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

二、解析数据

三、回调处理

React实现微信扫码支付相关推荐

最新文章

热门文章