uniapp生成微信小程序二维码_业界新闻

发布时间:2024-08-04 09:08

阅读量:0

文章目录

一、获取不限制的小程序码

获取不限制的小程序码一般情况下是由后端来提供接口的

官方文档地址：获取不限制的小程序码

请求事例：POST https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN

1、第一步：需要先获取ACCESS_TOKEN

官方文档地址：获取接口调用凭据

以下代码注意：需要补充自己的 appid 以及 微信小程序密钥

<template> 	<view class="" @click="getAccessToken">获取Access_Token</view> </template> <script> export default{ 	data(){ 		return{ 			access_token: "", 		} 	}, 	mounted(){}, 	methods:{ 		getAccessToken() { 			let that = this 			uni.request({ 				// https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的APPID&secret=你的微信小程序密钥 				url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的APPID&secret=你的微信小程序密钥', 				method: "GET", 				success(res) { 					that.access_token = res.data.access_token 				}, 				fail(err) { 					console.log(err) 				} 			}) 		}, 	} </script>

2、第二步：获取微信小程序二维码

如果微信小程序没上线之前可以先把 check_path 改为 false 可以生成

注意wx.arrayBufferToBase64 是微信小程序的方法官方文档

<template> 	<view class="" @click="getQRCode">获取二维码</view> </template> <script> 	export default { 		data() { 			return { 				image: "" 			} 		}, 		mounted() { 			getQRCode() { 				let that = this 				uni.request({ 					url: `https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${this.access_token}`, 					responseType: "arraybuffer", 					method: "POST", 					data: { 						// 更多参数请看官方文档 						"page": "pages/homepage/index", // 默认是主页，页面 page 						"scene": "id=10", // 参数 						"check_path": false, // 默认是true，检查page 是否存在 						"env_version": "trial" // 要打开的小程序版本。正式版为 "release"，体验版为 "trial"，开发版为 "develop"。默认是正式版。 					}, 					success(res) { 						// 该接口返回的是 图片二进制 数据 						const arrayBuffer = new Uint8Array(res.data) 						const base64 = wx.arrayBufferToBase64(arrayBuffer) 						that.image = `data:image/jpeg;base64,${base64}` 					}, 					fail(err) { 						console.log(err) 					} 				}) 			}, 		}, 		methods: {  		} 	} </script>

<!--  errcode: 41030 errmsg: "invalid page rid: 667d1102-546f773b-0d82ff0b" page路径不正确，需要先提交发布一版微信小程序并且存在page路径 -->  <!--  errcode: 40169 errmsg: "invalid length for scene, or the data is not json string rid: 667d11cf-3d9f72b6-5542f406" scene 不合法 最大32个可见字符，只支持数字，大小写英文以及部分特殊字符：!#$&'()*+,/:;=?@-._~，其它字符请自行编码为合法字符（因不支持%，中文无法使用 urlencode 处理，请使用其他编码方式） 注意：也不允许为空 -->

二、获取小程序码

该接口用于获取小程序码，适用于需要的码数量较少的业务场景。通过该接口生成的小程序码，永久有效，有数量限制

官方文档地址：获取小程序码

1、第一步：需要先获取ACCESS_TOKEN

与上面一致复制即可

2、第二步：获取微信小程序二维码

<template> 	<view class="" @click="getQRCode"> 		获取二维码 	</view> 	<img :src="image" alt="" style="width: 400rpx;height: 400rpx;" /> </template>  <script> 	export default { 		data() { 			return { 				image: "" 			} 		}, 		mounted() {}, 		methods: { 			getQRCode() { 				let that = this 				uni.request({ 					url: `https://api.weixin.qq.com/wxa/getwxacode?access_token=${this.access_token}`, 					responseType: "arraybuffer", 					method: "POST", 					data: { 						"path": "pages/homepage/index", 						"env_version": "trial" 					}, 					success(res) { 						const arrayBuffer = new Uint8Array(res.data) 						const base64 = wx.arrayBufferToBase64(arrayBuffer) 						that.image = `data:image/jpeg;base64,${base64}` 					}, 					fail(err) { 						console.log(err) 					} 				}) 			}, 		} 	} </script>