一、微信扫码登录

首先通过socket.io和服务器建立连接
获取服务器返回的二维码地址
通过qrcode把返回的地址生成二维码
登入微信,使用手机进行扫码
socket.io需要执行的事件
1）connect连接成功的事件
2）scancodeSuccess扫码成功的事件
需要在扫码成功后,接收服务器返回的wechatCode,并且通过微信登入接口 /users/wechatLogin将wechatCode进行回传
登录成功，将用户信息和token存到本地存储，跳转页面

优化：

二维码遮罩：通过加一个元素里面加扫码成功图标实现

socket.io

Socket.io是一个WebSocket库

H5中新增的技术websocket 能实现双工通讯

websocket 客户端和服务端只需要进行一次握手，握手成功之后，服务端可以主动地向客户端发起通讯，客户端也可以向服务端发起通讯。

二、账号密码登陆

1.收集用户的表单数据,发送给服务端

2.服务端会进行校验,校验通过,返回用户信息和token

3.将token存到本地存储

4.登入成功需要跳转到主页

实现用户登录--微信扫码、账号密码相关推荐

SpringSecurity OAuth2实现单点登录,微信扫码登录,Redis缓存验证码---入门到实战
1. 认证授权 1.1 什么是认证授权例如课程发布后用户通过在线学习页面点播视频进行学习.如何去记录学生的学习过程呢?要想掌握学生的学习情况就需要知道用户的身份信息,记录哪个用户在什么时间学习什 ...
登录业务实现（单点登录+微信扫码+短信服务）
目录登录业务的介绍 1.首先是最早的单一服务器模式 2.SSO模式 3.Token模式用户登录注册接口实现 1.创建LoginVo和RegisterVo作为前端展示数据的封装 2.控制层编写登录和 ...
PC 端微信扫码注册和登录
一.前言先声明一下,本文所注重点为实现思路,代码及数据库设计主要为了展现思路,如果对代码效率有着苛刻要求的项目切勿照搬. 相信做过微信开发的人授权这块都没少做过,但是一般来说我们更多的是为移动端的网 ...
个人博客网站实现微信扫码登录（附源码）
前言一般情况下,个人博客网站想要做用户注册.登录, 就需要让用户填写用户名.密码等信息进行手动注册.登录,这非常不友好.如果想做成微信扫码登录,对不起~~, 微信扫码登录的接口只对企业开放.好吧, ...
企业微信H5_身份验证,PC网站企业微信扫码授权登录
企业微信H5_身份验证,PC网站企业微信扫码授权登录文章目录一.扫码登录配置 1. 企业微信扫码登录接入流程 2. 企业微信扫码登录接入流程拆解 3. 开启网页授权登录二.实战演练 2.1. 用 ...
spring boot通过微信扫码登录
微信用户登录 1.微信扫码功能是目前第三方登录常见功能,前不久有个项目刚好用上.这里抽取出来演示下,仁者见仁,智者见智.不要喷.大神直接跳过.哈哈 2.调用的过程和原理参考微信官方接口,这里只给出自己 ...
PC网站微信扫码支付之Native支付（模式二）
简介 Native支付是指商户系统按微信支付协议生成支付二维码,用户再用微信"扫一扫"完成支付的模式.该模式适用于PC网站.实体店单品或订单.媒体广告支付等场景. Native支付 ...
Web应用多账号系统设计及微信扫码登录实现
https://www.cnblogs.com/beer/p/5538403.html 1 前言概述公司对功能测试,性能测试,安全测试等等都做了比较好的自动化后,急需要一个MIS系统来统一管理这些结 ...
Spring学习笔记（二十三）——实现网站微信扫码登录获取微信用户信息Demo
目录微信扫码登录介绍开发步骤微信扫码登录示例微信开放文档遇到的问题使用第三方工具实现网站微信扫码登录开发前介绍开发步骤微信扫码登录获取微信用户信息Demo实现流程实现效果实现过程 ...

实现用户登录--微信扫码、账号密码

实现用户登录

一、微信扫码登录

二、账号密码登陆

实现用户登录--微信扫码、账号密码相关推荐

最新文章

热门文章