微信小程序03: 获取不限制的小程序二维码

全文目录,一步到位

  • 1.前言简介
    • 1.1 专栏传送门
      • 1.1.1 上文小总结
      • 1.1.2 上文传送门
  • 2. 获取不限制二维码操作
    • 2.1 准备工作
      • 2.1.1 请先复制00篇的统一封装代码
      • 2.1.2 修改配置文件中的参数
    • 2.2 具体代码使用与注释如下
      • 2.2.1 业务代码如下
      • 2.2.2 代码解释(一)[无需复制]
      • 2.2.3 创建Base64类
    • 2.3 运行并检查结果
      • 2.3.1 controller代码
      • 2.3.2 二维码请求对象dto代码
    • 2.4 异常总结与解决(相对全面)
      • 2.4.0 直接测试后发现问题
      • 2.4.1 (核心排查)使用微信官方接口测试查看问题
        • 导入curl数据方法(如图所示)
        • curl: 抓包数据如下(导入即可)
      • 2.4.2 解决方案
        • 异常一: (异常码41030)导入curl后, 报这个错误
        • 异常二: (异常码41030)无效的page参数(`很坑`)
        • 异常三: (异常码40169)scene过长无法生成
        • 异常N(`跳过`): 网络波动等访问超时/异常
      • 2.4.3 正确结果(微信扫码测试一下)
      • 2.4.4 接口请求测试
        • 特殊: 如果只能显示出一半
  • 3. 文章的总结与预告
    • 3.1 本文总结
    • 3.2 下文预告


1.前言简介

本篇细节很多, 我会在文章最后统一总结

1.1 专栏传送门

=> 小程序相关操作专栏 <=

1.1.1 上文小总结

上文主要是大多数微信小程序的整体封装, 代码共用, 而本篇只需要关心业务本身即可, 使用前请先复制上文的代码后使用(请看1.1.2文章传送门)

1.1.2 上文传送门

微信小程序00: 公共封装配置(核心篇)

2. 获取不限制二维码操作

2.1 准备工作

2.1.1 请先复制00篇的统一封装代码

这里强调一下

请先复制核心篇: ===> 微信小程序-00 小程序统一封装类
请先阅读上一篇: ===> 微信小程序01: springboot获取accessToken方式

2.1.2 修改配置文件中的参数

例如appid等, 均在
在这里插入图片描述

2.2 具体代码使用与注释如下

2.2.1 业务代码如下

AjaxResult统一返回值对象 随意写
第二步的userService代表您的业务, 随意写
记得@Autowired一下

    /*** 获取注册二维码** @param wxCodeUnlimitedReqDTO 请求对象* @return AjaxResult*/@SneakyThrowspublic AjaxResult getRegisterQrcode(WxCodeUnlimitedReqDTO wxCodeUnlimitedReqDTO) {//1.获取access_tokenString accessToken = wechatServiceUtils.getRedisCacheAccessToken();//2. 处理scene值String scene = userService.getUserRelationScene(wxCodeUnlimitedReqDTO);//3. 获取微信不限制二维码的input输入流InputStream inputStream = wechatServiceUtils.getUnlimitedWxQrCode(wxCodeUnlimitedReqDTO.setScene(scene), accessToken);//3. byte的nio流直接转换为base64String base64Str = Base64.changeInputIOToBase64A(inputStream);Map<String, String> map = new HashMap<>();map.put("imgBase64", "data:image/png;base64," + base64Str);map.put("scene", scene);//4. 返回结果return AjaxResult.success("操作成功!", map);}

2.2.2 代码解释(一)[无需复制]

wechatServiceUtils.getUnlimitedWxQrCode() 统一封装 获取不限制二维码操作
其中使用了restTemplate远程调用微信官方接口
通过ByteArrayInputStream直接将byte转换为InputStream

  • 这块还是有其他写法的 (import org.springframework.core.io.Resource;)
  • 这个能看到整个接口的返回信息 报错信息等 二选一即可
//方案二:(需要替换WechatServiceUtils类中对应方法)
ResponseEntity<Resource> responseEntity = restTemplate.exchange(wechatConfigProperties.getWxACodeUnLimitUrl(accessToken), HttpMethod.POST, new HttpEntity<>(params, headers), Resource.class);
log.info("==> 微信二维码返回参数: {} <==", responseEntity);
// 从响应体中获取输入流
InputStream inputStream = Objects.requireNonNull(responseEntity.getBody()).getInputStream();

微信文档位置: => 微信小程序获取不限制二维码 <=

 	/*** 生成小程序带参数二维码*/@SneakyThrowspublic InputStream getUnlimitedWxQrCode(WxCodeUnlimitedReqDTO wxCodeUnlimitedReqDTO, String accessToken) {Map<String, Object> params = new HashMap<>();params.put("scene", wxCodeUnlimitedReqDTO.getScene());params.put("page", wxCodeUnlimitedReqDTO.getPage());params.put("path", wxCodeUnlimitedReqDTO.getPage());params.put("env_version", wxCodeUnlimitedReqDTO.getEnvVersion());params.put("width", wxCodeUnlimitedReqDTO.getWidth());params.put("auto_color", wxCodeUnlimitedReqDTO.getAutoColor());//自动配置线条颜色ResponseEntity<byte[]> response = restTemplate.postForEntity(wechatConfigProperties.getWxACodeUnLimitUrl(accessToken), JSON.toJSONString(params), byte[].class);System.out.println(JSON.toJSONString(params));byte[] buffer = response.getBody();assert buffer != null;return new ByteArrayInputStream(buffer);}/*** 远程调用 restTemplate方法 post请求*/public <T> T sendPostRestTemplate(String url, Map<String, Object> body, Class<T> responseType) {return restTemplate.exchange(url, HttpMethod.POST, new HttpEntity<>(body, null), responseType).getBody();}

2.2.3 创建Base64类

里面有几个方法 选一个即可 changeInputIOToBase64A()

 /*** 方法一: IO: 转换输入流->Base64* @param in* @return*/public static String changeInputIOToBase64A(InputStream in) {// 将图片文件转化为字节数组字符串,并对其进行Base64编码处理byte[] data = null;String encode = null; // 返回Base64编码过的字节数组字符串// 对字节数组Base64编码org.apache.commons.codec.binary.Base64 encoder = new org.apache.commons.codec.binary.Base64();try {// 读取图片字节数组data = new byte[in.available()];in.read(data);encode = encoder.encodeToString(data);} catch (IOException e) {e.printStackTrace();} finally {try {in.close();} catch (IOException e) {e.printStackTrace();}}return encode;}/*** 方法二: IO: 转换输入流->Base64*/public static String changeInputIOToBase64B(InputStream inputStream) {byte[] data = null;try (ByteArrayOutputStream swapStream = new ByteArrayOutputStream()) {byte[] buff = new byte[100];int rc = 0;while ((rc = inputStream.read(buff, 0, 100)) > 0) {swapStream.write(buff, 0, rc);}data = swapStream.toByteArray();} catch (IOException e) {e.printStackTrace();} finally {if (inputStream != null) {try {inputStream.close();} catch (IOException e) {e.printStackTrace();}}}return java.util.Base64.getEncoder().encodeToString(data);}/*** 关流功能** @param inputStream 输入流* @throws IOException 异常*/public static void closeInputStream(InputStream inputStream) throws IOException {try {if (inputStream != null) {inputStream.close();}} catch (IOException e) {e.printStackTrace();}}

2.3 运行并检查结果

2.3.1 controller代码

模拟-获取注册二维码

   /*** 获取注册二维码*/@PostMapping("/getQrcode")public AjaxResult getQrcode(@RequestBody WxCodeUnlimitedReqDTO wxCodeUnlimitedReqDTO) {log.info("===> 获取注册二维码 <===");log.info(JSONObject.toJSONString(wxCodeUnlimitedReqDTO));return loginService.getQrcode(wxCodeUnlimitedReqDTO);}

2.3.2 二维码请求对象dto代码

微信生成不限制小程序二维码请求dto


import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;/*** 微信生成不限制小程序二维码请求dto* @author pzy* @version 0.1.0* @description: TODO*/
@Data
@NoArgsConstructor
@AllArgsConstructor
@Accessors(chain = true)
public class WxCodeUnlimitedReqDTO {/*** 最大32个可见字符,只支持数字,* 大小写英文以及部分特殊字符:!#$&'()*+,/:;=?@-._~,* 其它字符请自行编码为合法字符(因不支持%,中文无法使用 urlencode 处理,请使用其他编码方式)*/private String scene;/*** 页面 page,例如 pages/index/index*/private String page;/*** 检查 page 是否存在,为 true 时 page 必须是已经发布的小程序存在的页面*/private Boolean checkPath = Boolean.FALSE;/*** 要打开的小程序版本。正式版为 release,体验版为 trial,开发版为 develop*/private String envVersion = "release";/*** 二维码的宽度,单位 px,最小 280px,最大 1280px*/private Integer width;/*** 自动配置线条颜色*/private Boolean autoColor = Boolean.FALSE;/*** 注册的用户角色*/private Integer registerUserRole;/*** (平台业务员1)帮助注册的公司id*/private Long registerCompanyId;}

2.4 异常总结与解决(相对全面)

2.4.0 直接测试后发现问题

base64很短 访问后是这样的 如图所示
先看2.4.1(很重要) 不行在排查代码
在这里插入图片描述

2.4.1 (核心排查)使用微信官方接口测试查看问题

直接使用postman/apipost等 进行测试访问
如果返回的base64能在浏览器展示出来 则代码出现问题
反之 则您的 accessToken/path路径存在问题
curl(抓包数据)如下: 直接导入即可 修改accessToken和path

导入curl数据方法(如图所示)

在这里插入图片描述

curl: 抓包数据如下(导入即可)
curl --request POST \--url 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=77_TUdWM60vBoa3FofIKUQ8piUkH4Jd555A4Mknt19tKVyEPNUJ2bOyAHVGc_7iXiJs7ElXXjhs9IrOSD2JI1E5_Q3vWUXbRX0Z9YrDeLC9hEqSentISFSBRv9sbZgXMBjABAAP6' \--header 'content-type: application/json' \--data '{"width": 480,"auto_color": false,"page": "pages/index/index","scene": "762350390017339392","env_version": "trial"
}'

2.4.2 解决方案

场景: 用postman/apipost导入curl直接请求官方接口报错信息

异常一: (异常码41030)导入curl后, 报这个错误

则为: accessToken过期了 更换一个新的即可(如图所示)
文章传送门: => 微信小程序01: springboot获取accessToken方式
在这里插入图片描述

异常二: (异常码41030)无效的page参数(很坑)

特别注意: 这个page必须是正式版中存在的路径(pages/index/index是默认存在的)
其他路径需要上传并发布正式版后 并且验证路径真实存在后才可以使用
否则不可以生成二维码
如果默认的可以生成 其他路径均不可以生成 请联系前端打正式版并发布解决
在这里插入图片描述

异常三: (异常码40169)scene过长无法生成

微信文档中 不限制类型的scene有长度限制32位字符 超过则无法生成
在这里插入图片描述

异常N(跳过): 网络波动等访问超时/异常

换个网络试试, 代理关了等等(跳过)

2.4.3 正确结果(微信扫码测试一下)

其中 scene和env_version均可调整
在这里插入图片描述

2.4.4 接口请求测试

成功的参数复制到java接口参数json中进行代码测试
如果能正确展示base64 并且在网页中展示正常 则为成功(如图)
在这里插入图片描述

特殊: 如果只能显示出一半
  1. 调整width大小(一般没用)
  2. 调整base64方法
  3. 调整restTemplate方法

3. 文章的总结与预告

3.1 本文总结

  1. 使用00篇中的方法获取accessToken
  2. 获取不限制二维码
  3. 调整部分参数, 遇到问题 如 2.4中提到及解决方案
  4. base64转换
  5. restTemplate使用

3.2 下文预告

微信小程序04: 获取openId与unionId



@author: pingzhuyan
@description: ok
@year: 2024

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3015059.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

网关设备是什么?-天拓四方

随着科技的飞速发展和网络的日益普及&#xff0c;我们的生活中充满了各种各样的网络设备和系统。这些设备和系统之间如何相互通信、交换数据呢&#xff1f;这就需要我们引入一个关键的概念——网关设备。本文将详细解释网关设备是什么&#xff0c;帮助广大读者更好地理解这一重…

OpenAI API搭建的智能家居助手;私密大型语言模型(LLM)聊天机器人;视频和音频文件的自动化识别和翻译工具

✨ 1: GPT Home 基于Raspberry Pi和OpenAI API搭建的智能家居助手 GPT Home是一个基于Raspberry Pi和OpenAI API搭建的智能家居助手&#xff0c;功能上类似于Google Nest Hub或Amazon Alexa。通过详细的设置指南和配件列表&#xff0c;用户可以自行组装和配置这个设备&#x…

CI/CD 上云为何如此重要

近年来&#xff0c;敏捷度和速度日渐成为产品开发的关键。市场高速运行&#xff0c;时间就是金钱&#xff0c;也是企业发展的关键。游戏、金融、自动化产业等软件开发企业更像卷入了一场无休止的时间竞赛。 这也难怪 DevOps 备受欢迎。企业借助 DevOps 不断加速优质软件的交付…

为什么SSL证书的有效期很短?

在当今互联网世界中&#xff0c;SSL证书作为保障网站数据传输安全的重要工具&#xff0c;其有效期往往被设定为相对较短的时间。对于许多非专业人士来说&#xff0c;可能会好奇&#xff1a;为什么SSL证书不能像其他证件一样拥有较长的有效期呢&#xff1f;今天&#xff0c;我们…

Linux-04

账号管理 添加账号 useradd 选项 用户名 useradd -m dai删除帐号 userdel 选项 用户名 userdel -r dai修改帐号 usermod 选项 用户名usermod -d /home/user dai &#xff08;修改位置&#xff09;切换帐号 su username su dai退出账号 exit $表示普通用户 #表示超级用户&#…

[Android]国内流行的应用市场

国内应用市场的特点 由于Google Play商店服务国内不可用&#xff0c;有许多其它的应用商店充当Android应用的分发渠道。这些商店通常由中国的主要科技公司运营&#xff0c;每个商店都有自己的运营策略和用户基础。 全球移动供应商市场份额&#xff1a;https://gs.statcounter…

苍穹外卖项目---------收获以及改进(3-4天)

①公共字段填充----mybatis 第一步&#xff1a;自定义注解 /*** 自定义注解用于标识某个方法需要进行功能字段的填充*/ Target(ElementType.METHOD) Retention(RetentionPolicy.RUNTIME) public interface AutoFill {//枚举&#xff1a;数据库操作类型&#xff1a; update ins…

22_Scala集合Seq

文章目录 Seq序列1.构建集合2.List集合元素拼接&&集合拼接3.可变Seq&&List3.1 ListBuffer创建3.2 增删改查3.3 相互转化 Appendix1.Scala起别名2.Seq底层3.关于运算符操作: :4.空集合的表示 Seq序列 –Seq表示有序&#xff0c;数据可重复的集合 1.构建集合 …

2024年618什么值得买?盘点618值得购买的好物

一年一度的618购物狂欢节即将来临&#xff0c;大家是否已经跃跃欲试&#xff0c;却又在琳琅满目的商品中犹豫不决&#xff1f;别烦恼&#xff0c;我特地为大家准备了一份购物清单&#xff01;无论你是需要运动健身的得力助手&#xff0c;还是追求工作生活的精致好物&#xff0c…

跨考专业课142分,上岸重邮!

这个系列会邀请上岸学长学姐进行经验分享~ 今天分享经验的同学是我的“关门弟子”&#xff0c;小叮当&#xff0c;跨考上岸重邮通信工程&#xff01;从平时和小叮当的交流和测试&#xff0c;就能看出专业课水平&#xff0c;我一直和她开玩笑说&#xff0c;早点遇到我&#xff…

WRT1900ACS搭建openwrt服务器小记

参考链接 wrt1900acs openwrt wrt1900acs openwrt 刷机 wrt1900acs原生固件刷openwrt-23.05.3-mvebu-cortexa9-linksys_wrt1900acs-squashfs-factory.img wrt1900acs openwrt更新刷openwrt-23.05.3-mvebu-cortexa9-linksys_wrt1900acs-squashfs-sysupgrade.bin 通过WEB UI来…

Elsevier——投稿系统遇到bug时的解决方法

重要&#xff1a;找期刊客服&#xff01;&#xff01;&#xff01; 一、方法&#xff1a; 1. 点击进入与官方客服的对话 2. 按要求输入个人信息 3. 输入遇到的问题 比如&#xff1a; 主题&#xff1a;The Current Status is jammed. 详细描述&#xff1a;The Current State o…

【容器】k8s获取的节点oom事件并输出到node事件

在debug k8s node不可用过程中&#xff0c;有可能会看到: System OOM encountered, victim process: xx为了搞清楚oom事件是什么&#xff0c;以及如何产生的&#xff0c;我们做了一定探索&#xff0c;并输出了下面的信息。&#xff08;本文关注oom事件是如何生成&传输的&a…

电脑显示丢失mfc140u.dll怎么修复,总共有7个方法

mfc140u.dll 是一个动态链接库&#xff08;Dynamic Link Library&#xff09;文件&#xff0c;它是Microsoft Foundation Class (MFC)库的一部分&#xff0c;专为使用C编程语言开发Windows应用程序而设计。MFC库由微软提供&#xff0c;作为一个高级的应用程序框架&#xff0c;旨…

c++匿名比较函数参数顺序逻辑

在使用lower_bound和upper_bound时&#xff0c;想自定义比较函数&#xff0c;在这个过程中出现了参数定义顺序导致的错误问题&#xff0c;于是查找学习了下自定义比较函数需要符合的规则。 目录 1 lower_bound和upper_bound函数 1.1 lower_bound 1.2 upper_bound 2 问题产…

Java Streams和Collectors的使用技巧

文章目录 引言I 对list集合进行数据分组筛选1.1 按字段1进行分组并选择每组中时间最新的元素1.2 对list集合按照对象属性进行分组引言 应用场景: 对某一个字段进行分组,按照特定规则进行去重对某一个字段进行分组 //查询不显示城市QueryWrapper<JavaType> queryWrappe…

wangEditor 富文本详解

前言&#xff1a;wangEditor 官网 。本文档讲解 wangEditor 在 vue3 中的使用。 一&#xff1a;快速开始 1. 安装 需要安装 wangeditor/editor、wangeditor/editor-for-vuenext 两个依赖 # 安装 editor npm install wangeditor/editor # or yarn add wangeditor/editor # o…

一键静音,iPhone勿扰模式助你远离干扰

在现代社会的快节奏生活中&#xff0c;我们时常被各种各样的通知、铃声和提示音所打扰&#xff0c;无法专注地工作或享受宁静的时光。而iPhone的勿扰模式功能&#xff0c;就像是一位贴心的助手&#xff0c;能够一键帮你屏蔽这些干扰&#xff0c;让你在需要的时候拥有一个清静的…

sqlserver中替换空格和换行

sqlserver 中换行符&#xff0c;如下&#xff1a; sql语句如下&#xff1a; //替换换行-使用char(10) select REPLACE(F_CNKITitle ,char(10),) title from tzkj_CNKIContent tc where --F_CnkiContentID ffdc7412-41e1-4d42-8693-cc79d0cf2dd3and len(REPLACE(F_CNKITitle ,…

使用Three.js开发一个3D案例Demo

使用Three.js开发一个3D案例 最近在找工作&#xff0c;发现好多招聘要求都需要会Three.js&#xff0c;以前接触比较多的是2D开发&#xff0c;也就是平面开发&#xff0c;用到的做多的技术就是d3.js&#xff0c;现在3D开发已经成为了大势所趋&#xff0c;所以就学习下Three.js。…