一、背景
前端做二维码,基本都是后台返回一段字段串,然后我们前端拿到字符串去生成二维码。
二、问题
我之前搞微信二维码的时候也是引入了一个插件,https://github.com/yingye/weapp-qrcode,然后我们微信使用的话,就可以直接去看相应的demo来解决问题,都比较详情了,所以我就不说了。这里说的是支付宝的问题,因为你直接引入的话,会提示wx is defined,因为支付宝小程序没有wx,这里就有问题了
三、解决办法
我们需要改这个插件的原文件,但是由于node-modules打包时,不上传,所以我们需要clone到我们本地引入,用这个方法
import drawQrcode from '../../utils/weapp.qrcode.esm.js'
然后我们需要修改js中的内容
wx.createCanvasContext改成my.createCanvasContext
这样之后支付宝小程序就可以正常使用喽~
Tips:最后小声猜测,是不是其它的适用于微信小程序的二维码,修改一下都可以在支付宝小程序正常使用呢?那就留给各位去验证喽~~
网友评论