node.js生成二维码插件

前端开发工作已经有14个年头，生成二维码之前一直用草料，最近发现草料不提供免费二维码生成api了。如果批量生产二维码还需要付费，感觉限制，想着如果部署自己服务器上，这样岂不是很方便的随心生成二维码了。

举例：http://www.chinasgp.cn/html/hot/13371/613427876047.html  这样的产品详情页面，如果用户想手机购买，如果产品页面有对应的二维码是不是很方便。

带着对自己开发方便和对淘宝客网站用户使用方便的想法，通过学习和查找，发现node.js 生成二维码有对应的qrcode

qrcode这个用起来总结：

1.有网页版，如果没有特别要求

使用方法

载入 JavaScript 文件

<script src="qrcode.js"></script>

DOM 结构

<div id="qrcode"></div>

调用

// 简单方式 new QRCode(document.getElementById('qrcode'), 'your content');  // 设置参数方式 var qrcode = new QRCode('qrcode', {   text: 'your content',   width: 256,   height: 256,   colorDark : '#000000',   colorLight : '#ffffff',   correctLevel : QRCode.CorrectLevel.H });  // 使用 API qrcode.clear(); qrcode.makeCode('new content');

参数说明

new QRCode(element, option)
名称 默认值 说明
element - 显示二维码的元素或该元素的 ID
option   参数配置

option 参数说明

名称 默认值 说明
width 256 图像宽度
height 256 图像高度
typeNumber 4  
colorDark "#000000" 前景色
colorLight "#ffffff" 背景色
correctLevel QRCode.CorrectLevel.L 容错级别，可设置为：

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H

API 接口

名称 说明
makeCode(text) 设置二维码内容
clear() 清除二维码。（仅在不支持 Canvas 的浏览器下有效）

 

2.node.js 服务器安装qrcode生成二维码，区别网页引入，因为网页版生成的是把地址转成base64位的，比起生成二维码图片要体积大，正常网站使用时没有太大区别的。我在做小程序版开发的时候，因为引入第三方代码小程序引入时报错。最后想到解决方案是二维码提前生成图片。因为小程序是可以引入图片的。这样既可以减小页面体积，又可以解决小程序二维码倒入问题。