美文网首页
支付宝小程序-生成二维码

支付宝小程序-生成二维码

作者: 努力study代码的小哪吒 | 来源:发表于2020-05-13 15:07 被阅读0次

    一、背景

    前端做二维码,基本都是后台返回一段字段串,然后我们前端拿到字符串去生成二维码。

    二、问题

    我之前搞微信二维码的时候也是引入了一个插件,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:最后小声猜测,是不是其它的适用于微信小程序的二维码,修改一下都可以在支付宝小程序正常使用呢?那就留给各位去验证喽~~

    相关文章

      网友评论

          本文标题:支付宝小程序-生成二维码

          本文链接:https://www.haomeiwen.com/subject/bkhnnhtx.html