支付二维码生成 利用Qrcode插件

153 阅读1分钟

与后端交互后得到一个url路径 如微信支付:weixin://wxpay/...... 这个路径不是图片,因此需要转换!!

  1. 安装Qrcode

npm install --save qrcode

  1. 根据文档指示使用,这里为ES6/ES7的方法
import QRCode from 'qrcode'//引入
//这里得到的是promises 对象 ,所以根据自己的代码加上  async/await
// QRCode里面还有几个方法,可以log出来看一下
QRCode.toDataURL('放前文的微信支付的路径')
  .then(url => {
    console.log(url)
  })
  .catch(err => {
    console.error(err)
  })


支付成功后

思路:

  1. 在支付页面打开的时候设置一个定时器(长轮询),调用后端的查询订单状态接口,询问订单状态