获取指定页面的小程序二维码

Wed, April 24, 2024 - 2 min read

参考文档:https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/qrcode-link/qr-code/createQRCode.html

功能描述

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

注意事项

  • 如果调用成功,会直接返回图片二进制内容,如果请求失败,会返回 JSON 格式的数据。
  • 接口只能生成已发布的小程序的二维码。开发版的带参二维码可以在开发者工具预览时生成。
  • 与 wxacode.get 总共生成的码数量限制为 100,000,请谨慎调用。

代码片段

<template>
    <image :src="base64" mode="aspectFit"/>
</template>
 
<script>
export default {
    data() {
        return {
                base64: ''
        }
    },
    async mounted() {
        // 获取token
        const res = await uni.request({
            url: "https://api.weixin.qq.com/cgi-bin/token",
            data: {
                grant_type: "client_credential",
                appid: "wx3c9ce7c6b461f399",
                secret: "app密钥"
            }
        })
        const access_token = res.data.access_token
        // 获取指定页面的二维码
        uni.request({
            // 在查询字符串中加入token
            url: `https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=${access_token}`,
            method: "POST",
            // 响应类型为arraybuffer
            responseType: 'arraybuffer',
            data: {
                path: "pagesMy/about/about"
            },
            success: (e) => {
                console.log('e: ',e);
                // 转换成base64格式
                this.base64 = 'data:image/jpeg;base64,' + uni.arrayBufferToBase64(e.data)
                console.log(this.base64)
            }
        })
    }
}