支付宝小程序开发——根据字符串生成二维码

支付宝小程序开发中，若是须要根据字符串生成二维码，那么能够直接使用 qrcode 插件，你无需引用js，直接使用开发者工具的npm功能就能够了。

一. 安装插件：

1.开发者工具左侧工具栏点击如图所示的图标（npm）：

2.NPM包管理界面，输入框中输入 qrcode 并按回车键，等待插件安装完成：

 

二. 引用并使用插件：

 1 //引用插件
 2 const QRCode = require('qrcode');
 3 Page({
 4   data: {
 5     imgSrc: ''
 6   },
 7   onReady() {
 8     //根据字符串生成svn格式的二维码
 9     let self = this;
10     QRCode.toString('13549687961', { type: 'svg' }, function(err, url) {
11       let str = 'data:image/svg+xml;base64,' + Buffer(url).toString('base64');
12       self.setData({
13         imgSrc: str
14       })
15     });
16   }
17     ......

页面引用：

<image src="{{imgSrc}}"  style="width:100%;" mode="aspectFit" />

如此，编译项目，二维码生成：

 

 三. 须要生成多个券码的状况：

若是是根据数组中的某个券码生成二维码，那么能够封装这个方法：

//根据字符串生成二维码
  getQrcode(str) {
    var qrcode=''
    QRCode.toString(str, { type: 'svg', errorCorrectionLevel: 'H', maskPattern: 4, version: 2 }, function(err, url) {
      qrcode= 'data:image/svg+xml;base64,' + Buffer(url).toString('base64');
    });
    return qrcode
  },

  //将券码合成二维码并保存到卡券详情数据中
  arr.forEach(item=>{
    console.log(item)
    item["qrcode"]=self.getQrcode(item.coupon_number)
  })
  self.setData({
    cardData: arr
  })