React实现微信扫码支付

拼搏现实的明天。 2022-03-18 10:08 513阅读 0赞

效果图

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70][] ###

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

**送上一波福利**

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

![20191014103439896.png][]

### 二、解析数据 ###

[https://www.npmjs.com/package/qrcode.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("微信扫码支付失败")
    
            }
          }
        }

### 三、回调处理 ###

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

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

![20191014103439896.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70]: /images/20220318/f119472a309440fe88c2af6ed50ab900.png
[20191014103439896.png]: /images/20220318/7ed12bb7ebe24eca8f9f5f66deef0929.png
[https_www.npmjs.com_package_qrcode.react]: https://www.npmjs.com/package/qrcode.react

发表评论取消回复

表情：

评论列表（有 0 条评论，513人围观）

还没有评论，来说两句吧...

相关阅读

相关微信扫码支付

一，微信支付接入流程图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

末蓝、/ 2023年03月06日 05:13/ 0 赞/ 15 阅读

相关微信扫码支付

微信小程序–支付页面（核心） > 包含功能点： > > 微信扫码支付结构：pay.wxml  <view cl

曾经终败给现在/ 2023年02月20日 03:20/ 0 赞/ 9 阅读

相关微信扫码支付简介

微信扫码支付简介微信扫码支付申请微信扫码支付是商户系统按微信支付协议生成支付二维码，用户再用微信“扫一扫”完成支付的模式。该模式适用

素颜马尾好姑娘i/ 2022年12月23日 06:27/ 0 赞/ 186 阅读

相关 Java实现PC微信扫码支付

Java实现PC微信扫码支付做一个电商网站支付功能必不可少，那我们今天就来盘一盘微信支付。 [微信支付官方网站][Link 1] ![在这里插入图片描述][wate

叁歲伎倆/ 2022年10月06日 01:57/ 0 赞/ 187 阅读

相关微信支付之扫码支付实例

本例是采用微信扫码支付模式二增加maven依赖 <dependency> <groupId>com.github.wxpay</gro

﹏ヽ暗。殇╰゛Y/ 2022年10月02日 15:54/ 0 赞/ 312 阅读

相关微信native扫码支付

微信支付的方式有很多种， 1.JSAPI--公众号支付、 2.NATIVE--原生扫码支付、 3.APP--app支付，统一下单接口trade\_type的传参可参考这里

分手后的思念是犯贱/ 2022年06月05日 00:25/ 0 赞/ 298 阅读

相关微信扫码支付

概述本例子实现微信扫码支付模式二的支付功能，应用场景是，web网站微信扫码支付。实现从点击付费按钮、到弹出二维码、到用户用手机微信扫码支付、到手机上用户付费成功、web

青旅半醒/ 2022年05月31日 05:46/ 0 赞/ 326 阅读

相关微信扫码支付、网站接入微信支付-Java

> aiprose 个人随笔上线，网址 [aiprose.com][] [点击访问][Link 1] 如果你的网站想接入微信支付，那么你的有个公众号（`微信公众平台`），然后

约定不等于承诺〃/ 2022年05月26日 12:59/ 0 赞/ 344 阅读

相关微信支付之扫码支付

选择支付模式点开链接先去了解一下微信支付模式： https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter

深碍√TFBOYSˉ_/ 2022年04月24日 00:48/ 0 赞/ 389 阅读

相关 React实现微信扫码支付

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

拼搏现实的明天。/ 2022年03月18日 10:08/ 0 赞/ 514 阅读