node 小工具之 - 生成二维码

node 的插件十分广泛,所以能做的事情也特别的多。

这里简单记录一下可以把link 生产二维码的一个node 插件 qrcode-terminal

使用方法 :

1、安装

 	npm install -D qrcode-terminal

2、使用

	const qrcode = require('qrcode-terminal');
	const url = 'http://baidu.com';
	qrcode.generate(url);

运行之后 终端就会生成一个二维码了。

同时默认的二维码是很大的,如果需要小一点的二维码,则直接传入对象参数即可。

3、小尺寸

	qrcode.generate(url,{small:true});

这里好像不能自定义二维码的尺寸

这里也简单记录一下js 的二维码生成

参考地址: https://www.helloweba.net/javascript/226.html
git 库 https://github.com/jeromeetienne/jquery-qrcode

  1. 依赖
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
  1. 在页面中需要显示二维码的地方加入以下代码:
<div id="code"></div>
  1. 调用
$("#code").qrcode({
	render: "table", 
	width: 200, //宽度
	height:200, //高度
	text: "www.baidu.com" //任意内容
});

到这里是可以运行了,但是不识别中文链接的内容,jquery-qrcode是采用charCodeAt()方式进行编码转换的。而这个方法默认会获取它的Unicode编码,如果有中文内容,在生成二维码前就要把字符串转换成UTF-8。
可以通过以下函数来转换中文字符串

function toUtf8(str) {   
    var out, i, len, c;   
    out = "";   
    len = str.length;   
    for(i = 0; i < len; i++) {   
    	c = str.charCodeAt(i);   
    	if ((c >= 0x0001) && (c <= 0x007F)) {   
        	out += str.charAt(i);   
    	} else if (c > 0x07FF) {   
        	out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));   
        	out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));   
        	out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));   
    	} else {   
        	out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));   
        	out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));   
    	}   
    }   
    return out;   
}
var str = toUtf8("钓鱼岛是中国的!");
$('#code').qrcode(str);

以上

### 回答1: 微信小程序可以通过调用接口生成二维码。具体的步骤如下: 1. 从微信公众平台获取access_token。通过调用微信接口,可以获取access_token,用于后续接口的调用。 2. 调用接口生成二维码。使用获取到的access_token,调用微信接口生成二维码。需要注意的是,微信提供了两种生成二维码的接口,分别是临时二维码和永久二维码。临时二维码可以用于临时场景,有效期为30秒至30天;永久二维码则可以长期使用。 3. 将生成的二维码显示到小程序页面上。通过调用小程序提供的接口,将生成的二维码显示到小程序页面上即可。 需要注意的是,调用微信接口生成二维码需要一定的开发能力和相关的开发工具,建议在开发之前先进行相关的学习和了解。 ### 回答2: 微信小程序提供了一个接口`wx.createQRCode`用于生成二维码。首先,你需要在小程序的代码文件中引入该接口: ```javascript const wx = require('miniprogram-api-promise'); // ...其他代码 ``` 然后,在需要生成二维码的地方调用该接口: ```javascript const result = await wx.createQRCode({ path: '/pages/index/index', // 二维码中的跳转路径,即点击二维码后要跳转的小程序页面 width: 200, // 二维码的宽度,单位(px) auto_color: false, // 是否自动配置颜色,默认为true line_color: { // 二维码颜色配置 r: 0, // red g: 0, // green b: 0, // blue }, }); ``` 生成二维码的相关配置参数还有: - `width`:二维码的宽度,默认为430。如果需要适应不同屏幕尺寸显示,可以结合设备宽度进行动态计算。 - `auto_color`:是否自动配置二维码颜色,默认为true。如果设置为false,则需要通过`line_color`参数设置二维码颜色。 - `line_color`:二维码的颜色配置,包括`r`(红色)、`g`(绿色)和`b`(蓝色)三个分量。 生成二维码后,可以将二维码的图片`result.image`通过`<image>`标签显示在小程序页面中,或者保存为本地图片。需要注意的是,保存图片需要用户授权,可以通过`wx.saveImageToPhotosAlbum`接口实现保存功能。 以上就是调用接口生成二维码的基本步骤,希望对你有所帮助。 ### 回答3: 要在微信小程序中调用接口生成二维码,可以按照以下步骤进行: 首先,需要在小程序后端服务器上编写一个接口,用于生成二维码。这个接口可以使用类似于Node.js的后端语言进行开发。 在小程序前端页面中,通过wx.request()方法向后端服务器发送请求,调用生成二维码的接口。 后端服务器接收到请求后,根据接收到的参数(例如需要生成的内容、二维码尺寸等),使用相关的二维码生成库生成二维码图片。 生成二维码图片后,后端服务器将图片文件返回给小程序前端。可以使用Base64编码或直接返回图片的URL。 小程序前端页面接收到后端返回的图片文件后,可以使用相关的API将图片渲染到页面上。 通过以上步骤,就可以在微信小程序中调用接口生成二维码。需要注意的是,接口的开发要根据具体的后端语言和框架进行,而前端的调用逻辑和相关API可以参考微信小程序开发文档进行实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值