【小程序】动态生成微信小程序二维码-Toy模板网

这篇具有很好参考价值的文章主要介绍了【小程序】动态生成微信小程序二维码。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

微信官方提供的接口

官方文档中给我们提供了三个接口，分别应用于不同的场景
wxacode.createQRCode - - 接口文档地址->点击跳转
该接口需慎用，因为文档描述，该接口可生成的二维码是有限制的。

总共生成的码数量限制为 100,000

wxacode.get - - 接口文档地址->点击跳转
该接口需慎用，因为文档描述，该接口可生成的二维码是有限制的，且每日最大调用数为10000。

POST 参数需要转成 JSON 字符串，不支持 form 表单提交。

接口只能生成已发布的小程序的二维码。

与 wxacode.createQRCode 总共生成的码数量限制为 100,000，请谨慎调用。

wxacode.getUnlimited - - 接口文档地址->点击跳转

POST 参数需要转成 JSON 字符串，不支持 form 表单提交。

接口只能生成已发布的小程序的二维码。

调用分钟频率受限（5000次/分钟），如需大量小程序码，建议预生成。

使用演示

【本演示，采用的是wxacode.get接口，使用的是uni.request请求方法】

第一步先获取到自己的accessToken。
请求接口路径，路径上需携带access_token=${access_token}的传值，且仅用此传值。
请求上需声明返回值类型为arraybuffer，不然会转换为utf-8影响后续操作，原因详见此处
使用官方提供的arrayBufferToBase64函数将arraybuffer转换为base64格式，再自行补充base64头部属性即可

代码演示

//获取access_token
uni.request({
	url: `https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${appid}&secret=${secret}`,
	success(res) {
		if(res.statusCode < 300){
			console.log(res.data);
		}else {
			console.error('Accesstoken get fail!');
		}
	}
})

//获取二维码
uni.request({
	url: `https://api.weixin.qq.com/wxa/getwxacode?access_token=${access_token}`,
	method:"POST",
	data: {
		path: `pages/index/index/?a=${a}`
	},
	responseType: 'arraybuffer',//此步很关键
	success(res) {
		//设置img标签上的src属性
		that.logoSrc = 'data:image/png;base64,' + uni.arrayBufferToBase64(res.data);
	},
	fail(res) {
		//...
	}
})