演示效果

一、准备材料

1、已认证的公众号(必须为服务号，订阅号没有该接口的权限)

2、一个网址，用于微信回调，推荐一个内网穿透的工具：内网穿透

3、Redis，用于存储token

4、一个SpringBoot项目

二、实现原理

1、使用微信公众号(服务号)的appId和appSecret生成一个token，这个token可以复用，但是有时效性

2、使用token当做参数调用微信api：qrcode/create创建一个二维码

3、使用微信扫码，用户订阅后，微信官方会回调我们的一个地址，将openId传过来

4、将openId保存下来，下次扫描时根据openId进行判断用户身份

三、注意点

1、只有服务号才有生成带参数的二维码接口权限

2、该接口每天100000次，适用于小规模用户登录

3、获取的AccessToken有时效性，可以利用redis进行保存

4、公众号开发有白名单限制，所以服务端在调用时需要配置白名单

四、实现步骤

公众号相关

1、登录公众号，获取appId和appKey

2、配置服务器回调地址

服务端相关

1、创建SpringBoot项目将复制下来的appId和appkey配置好，并加上一个redis

2、由于微信的回调值格式是XML格式，所以需要一个解析工具类

package com.zzj.qlogin.utils;import org.dom4j.Document;
import org.dom4j.DocumentException;
import org.dom4j.Element;
import org.dom4j.io.SAXReader;
import java.io.InputStream;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;/*** 微信返回值解码工具类*/
public class XmlUtil {/*** 简单解析xml* @param in* @return*/public static Map<String,Object> parseXML(InputStream in){Map<String,Object> map=new HashMap<>();try {SAXReader saxReader = new SAXReader();Document document = saxReader.read(in);Element root = document.getRootElement();Iterator iterator = root.elementIterator();while (iterator.hasNext()){Element element = (Element) iterator.next();map.put(element.getName(),element.getStringValue());}} catch (DocumentException e) {e.printStackTrace();}return map;}}

3、回调接口，此处需要区分两个不同的事件：订阅和扫码，简单的处理逻辑如下

    /*** 接收微信推送事件* @param request* @return*/@PostMapping("/handleWxCheckSignature")@ResponseBodypublic String handleWxEvent(HttpServletRequest request){try {InputStream inputStream = request.getInputStream();Map<String, Object> map = XmlUtil.parseXML(inputStream);String userOpenId = (String) map.get("FromUserName");String event = (String) map.get("Event");if("subscribe".equals(event)){// TODO:获取openid判断用户是否存在,不存在则获取新增用户,自己的业务//自己生成的二维码不管是关注还是扫码都能取到ticket凭证String ticket = (String) map.get("Ticket");redisCacheManager.set(ticket,ticket,10*60);logger.info("用户关注:{}",userOpenId);}else if("SCAN".equals(event)){//自己生成的二维码不管是关注还是扫码都能取到ticket凭证String ticket = (String) map.get("Ticket");redisCacheManager.set(ticket,ticket,10*60);logger.info("用户扫码:{}",userOpenId);}logger.info("接收参数:{}",map);} catch (IOException e) {e.printStackTrace();}return "success";}

微信小程序入门5-微信公众号扫码登录PC端网页相关推荐

微信小程序入门7-微信公众号设置IP白名单
一.为什么要配置IP白名单此处IP为服务器对公网IP: 在IP白名单内的IP地址作为来源,获取access_token接口才可调用成功. 而想要调用公众号相关API,就必须获取access_toke ...
微信小程序入门10-微信公众号token验证失败
为了更好的运营公众号,微信官方支持用户自定义实现公众号功能,这里第一步就是配置服务器回调域名,如下图: 如果是SpringBoot项目,我们会写一个如下的Controller类 import lomb ...
微信小程序生态13-微信公众号自定义菜单、个性化菜单配置
文章导航微信小程序生态1-初识小程序微信小程序生态2-创建一个微信小程序微信小程序生态3-微信小程序登录流程设计微信小程序生态4-扫普通二维码进入小程序.打开短链接进入小程序微信小程序生态5 ...
微信小程序获取并展示公众号推文
微信小程序获取并展示公众号推文获取公众号access_token(开发环境) IP白名单设置获取access_token 小程序前端展示素材导入云数据库云函数读取展示注:笔者是小程序菜鸟,代 ...
手把手教程用Java实现微信公众号扫码登录功能
文章目录前言一.环境准备二.使用步骤 1. 使用微信工具包 2. 创建数据表 3. 登录页面代码逻辑 4. 验证微信公众号登录总结前言微信现今是我们必不可少的社交工具了,围绕微信这个生态实 ...
实现支持多公众号的微信公众号扫码登录服务
实现支持多公众号的微信公众号扫码登录服务最近,在公司的通行证项目开发过程中,需求方提出了支持微信公众号扫码登录,并且可以支持多公众号接入的需求.研究了一下微信公众号的开发文档,实现微信公众号扫码登录 ...
微信小程序上传后进行性手机扫码阅览发现白屏的解决
目录问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 2.请求的域名没有配置问题: 微信小程序上传后进行性手机扫码阅览发现白屏的解决 1.上传时没有勾选保护 ...
【vue+pc端】实现微信扫码登录pc端，后端通过微信开发平台，前端生成二维码（仅供参考）
这两周的需求是通过微信扫码登录pc端,刚定下需求原型图还没出来前,后端特意发了微信开发平台的链接给我,关于如何生成二维码的文档,以及扫码跳转后如何传code给他. 请戳这里准备工作|微信开放文档我最 ...
微信小程序内跳转公众号
可使用微信小程序官方提供的official-account 组件来完成,官方文档 Tips: 1. 使用组件前,需前往小程序后台,在"设置"->"关注公众号&quo ...
微信小程序 official-account组件关注公众号
昨天微信小程序发布了 official-account 相关组件,从意思上来讲可以通过小程序直接点击标签关注对应的公众号今天一上班就试了一下. 文档不长,但是对于我这种看文档能力较差的人还是有点吃力的 ...

微信小程序入门5-微信公众号扫码登录PC端网页