wechat-0052,微信公众号，第三方登录

声明：这边所谓的第三方登录，不是通过网页授权的方式，而是利用生成带参数的二维码，将微信号和平台账号绑定实现。如果你要做的是授权登录，请查看

https://blog.csdn.net/wrongyao/article/details/80229986

紧接着0051扫码绑定之后，这边获取扫码登录操作

1、思路概括

注：用sessionid生成二维码，因为要区分不同终端的不同用户，所以需要带上他们的唯一标识sessionid

扫码以后，微信服务器会推送带有sessionid和openid的报文到我服务器，根据openid在关联关系表中找出userid，取出用户信息，放入缓存中，即为登录成功。

1、用同样的方式，获取带有sessionid的二维码

/*** 获取二维码** @param sceneStr* @return*/private String getQcode(String sceneStr) {String getTicketUrl = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=" + AccessToken.ACCESS_TOKEN + "";// 临时整形参数值String ticketParam = "{\"expire_seconds\": 120, \"action_name\": \"QR_STR_SCENE\", \"action_info\": {\"scene\": {\"scene_str\": \"" + sceneStr + "\"}}}";String ticketStr = HttpRequest.post(getTicketUrl, ticketParam, null, Constant.RequestType.APPLICATION_JSON);System.out.println(ticketStr);Map<String, String> ticketMap = GsonUtil.fromJson(ticketStr, Map.class);String ticket = ticketMap.get("ticket");return "https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=" + ticket;}@Overridepublic String getLoginQCode() {String sessionId = request.getSession().getId();return getQcode("login&" + sessionId);}

2、扫码登录

    @Overridepublic String userLogin(HashMap<String, String> requestMap, String sessionId) {String res;String openId = requestMap.get("FromUserName");SysUser sysUser = sysWechatMapper.selectSysUserByOpenId(openId);// 未绑定用户if (null == sysUser) {res = WechatUtil.replyTextMessage(openId, requestMap.get("ToUserName"), wechatMessage.getUserUnbindReplyMessage());} else { //登录操作// 登录操作LoginJson loginJson = new LoginJson();loginJson.setCode(Code.success.getIndex());loginJson.setSysUser(sysUser);redisService.set("loginJson&" + sessionId, GsonUtil.toJson(loginJson));res = WechatUtil.replyTextMessage(openId, requestMap.get("ToUserName"), wechatMessage.getLoginSusccessReplyMessage());}return res;}

注：根据openid找到用户，将用户信息放入缓存中，就是登录成功，这边解释为什么不用session做登入，我们在前台请求登录二维码（session1），扫码后首先会到微信服务器，微信服务器向我服务器推送报文（session2），如果用session做登录理论上是要session1的但是此时已经取不到这个session了。所以用nosql数据库，用带过来的sessionid做为可以即可。

3、登录成功跳转。

上述代码只是把用户取出来放到了缓存中，这个方法就返回了，那我们的服务器怎么知道登录成功了呢？

思路：1、登录成功后，我们服务器向客户端推送这个状态，不易实现

2、前端定时访问服务器，看是否登录成功，容易实现。

前端js

var time;// 获取登录二维码function getQcode() {var url = "/wechat/offical/account/getLoginQcode";$.ajax({url: url,type: "get",async: true,success: function (res) {$("#qrCode").attr("src", res);time = window.setInterval(isLogin, 1000);}});
}//轮询判断是否登录
function isLogin() {var url = "/sysuser/islogin";$.ajax({url: url,type: "get",async: true,success: function (res) {var resObj = JSON.parse(res);if (resObj.code == 0) {window.clearInterval(time);window.location.href = "/crafts/adminindex";} else if (resObj.code == 1) {window.clearInterval(time);}}});}

后端获取登录状态

/*** 判断是否登录，用于微信扫码后** @return*/@RequestMapping("/islogin")@ResponseBodypublic String isLogin() {Map<String, Object> resMap = new HashMap<>();String sessionId = request.getSession().getId();String loginJsonStr = redisService.get("loginJson&" + sessionId);LoginJson loginJson = GsonUtil.fromJson(loginJsonStr, LoginJson.class);// 未扫码if (null == loginJson) {resMap.put("code", -1);resMap.put("msg", "未扫码！");} else if (loginJson.getCode() == Code.success.getIndex()) {resMap.put("code", 0);resMap.put("msg", "成功");} else if (loginJson.getCode() == Code.fail.getIndex()) {resMap.put("code", 1);resMap.put("msg", "失败");}return GsonUtil.toJson(resMap);}

上述就是扫码登录的大致思路，如有不妥的地方，欢迎大家斧正，谢谢！

wechat-0052,微信公众号，第三方登录—扫码登录相关推荐

JS_微信公众号开发调用扫码支付功能
需要在公众号里面切入扫码功能前端代码: <!DOCTYPE html> <html> <head lang="en"><meta cha ...
利用公众号实现网页扫码登录
公众号因为有测试号,所以测试起来蛮方便的. 1.先熟悉微信公众号开发文档. 2.首先网页端需要生成临时二维码例如:https://mp.weixin.qq.com/cgi-bin/showqrcod ...
微信公众号开发之扫码支付
此项目已开源欢迎Start.PR.发起Issues一起讨论交流共同进步 https://github.com/Javen205/IJPay http://git.oschina.net/javen20 ...
关于微信公众号开发中扫码关注和关注之后继续扫码的不同点
2019独角兽企业重金招聘Python工程师标准>>> 开发微信商城,当遇到需要绑定上下级关系的时候,会通过扫码的方式关注公众号,但是如果不想做这个人的下级,后台添加解绑功能,继续扫 ...
微信公众号调起扫码功能
偶然接触到了公众号开发.说需要调起微信扫一扫.便查看了公众号开发文档看完文档后,发现js是相对简单的.唯一的难点是在java后台编写的秘钥生成代码. 也就是说.首先需要获取access_token, ...
微信公众号拉取扫码功能
点击扫码按钮拉取微信扫码 // 扫码添加设备goAddEquipment() {const wx = window.wxlet _this = this// wx.ready(function() { ...
以后的blog将转移到微信公众号，请扫码关注谢谢！
微信扫码登录，微信公众号生成二维码，关注登录nodejs+vue
微信公众号生成二维码,关注后扫码登录技术栈为nodejs+vue 有不懂的可以加我微信yizheng369 1.效果初始: 关注后: 2.源码此项目为前后端分离项目,前后端代码都在这个仓库里, ...
Django使用Social-Auth实现微信第三方网站扫码登录
前言之前让网页公司制作新官网的时候规划有第三方账号的登录功能,但由于当时的一些开放平台申请步骤比较繁琐(尤其是微信开放平台),所以一直拖延着,到了最近只能自己添加相关的功能. 由于是刚接触Pytho ...
Django实现微信第三方网站扫码登录
前言之前让网页公司制作新官网的时候规划有第三方账号的登录功能,但由于当时的一些开放平台申请步骤比较繁琐(尤其是微信开放平台),所以一直拖延着,到了最近只能自己添加相关的功能. 由于是刚接触Pytho ...

wechat-0052,微信公众号，第三方登录—扫码登录

wechat-0052,微信公众号，第三方登录—扫码登录相关推荐

最新文章

热门文章