基于vue实现微博三方登录流程解析
作者:周晓楠 时间:2024-05-03 15:08:42
1.微博三方登录流程
1.1 前端获取认证code
1.在Vue页面加载时 动态发送请求获取微博授权url
2.django收到请求的url后,通过微博 应用ID(client_id)和回调地址(redirect_uri) 动态 生成授权url返回给Vue
3.当用户点击上面的url进行扫码,授权成功会 跳转我们的回调界面并附加code参数
4.Vue获取到微博返回的code后,会 将code发送给django后端 (上面的redirect_uri)
1.2 获取微博access_token
后端获取code后,结合client_id、client_secret、redirect_uri参数进行传递,获取微博access_token
1.3 获取微博用户基本信息并保存到数据库
使用获得的access_token调用获取用户基本信息的接口, 获取用户第三方平台的基本信息
用户基本信息 保存到数据库,然后关联本地用户 ,然后将用户信息返回给前端
1.4 生成token给Vue
django后端借助微博认证成功后,可以 使用JWT生成token ,返回给Vue
Vue将token存储到localStorage中 ,以便用户访问其他页面进行身份验证
2.第三方登录与本地登录的关联(三种情况)
2.1 情况1: 本地未登录,第一次登录第三方
此时相当于注册,直接把第三方信息拉取来并注册成本地用户就可以了,并建立本地用户与第三方用户
(openid)的绑定关系
2.2 情况2:本地未登录,再次登录第三方
此时用户已注册,获取到openid后直接找出对应的本地用户即可
2.3 情况3:本地登录,并绑定第三方
这个只要将获取到的openid绑定到本地用户就可以了
3.oauth认证原理
OAuth是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源,而无需将用户名和密码提供给第三方应用。
OAuth允许用户提供一个令牌,而不是用户名和密码来访问他们存放在特定服务提供者的数据。这个code如果能出三方换取到数据就证明这个用户是三方真实的用户
4.为什么使用三方登录
服务方希望用户注册, 而用户懒得填注册时的各种信息(主要是为了保证用户的唯一性,各种用户名已占用,密码格式限制).
而像微信, QQ, 微博等几乎每个人都会安装的应用中用户肯定会在其中某一个应用中已经注册过,证明该用户在已经注册的应用中的唯一性.
第三方登录的实质就是在授权时获得第三方应用提供的代表了用户在第三方应用中的唯一性的openid.并将openid储存在第三方服务控制的本地储存.
来源:https://www.cnblogs.com/ngngng/p/13799575.html
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
详解go语言中sort如何排序
php提示Failed to write session data错误的解决方法
pytorch超详细安装教程之Anaconda、PyTorch和PyCharm全套安装流程
![](https://img.aspxhome.com/file/2023/5/97375_0s.jpg)
Python学习笔记之装饰器
![](https://img.aspxhome.com/file/2023/4/92474_0s.png)
ASP长文章分页代码实例
SqlServer编写数据库表的操作方式(建库、建表、修改语句)
ADO.NET数据库访问技术
![](https://img.aspxhome.com/file/2023/0/81000_0s.png)
详解python中eval函数的作用
python粘包问题及socket套接字编程详解
基于Python写一个番茄钟小工具
![](https://img.aspxhome.com/file/2023/6/128196_0s.png)
Go语言读写锁RWMutex的源码分析
![](https://img.aspxhome.com/file/2023/1/127331_0s.jpg)
Python装饰器的函数式编程详解
MYSQL教程:my.cnf缓存优化
Selenium 滚动页面至元素可见的方法
在Linux系统的命令行中为MySQL创建用户的方法
![](https://img.aspxhome.com/file/2023/3/71723_0s.jpg)
python实现维吉尼亚加密法
![](https://img.aspxhome.com/file/2023/7/59817_0s.jpg)
面试被问select......for update会锁表还是锁行
![](https://img.aspxhome.com/file/2023/9/121579_0s.png)
Python defaultdict方法使用分析
![](https://img.aspxhome.com/file/2023/2/83682_0s.png)
利用Go语言实现轻量级OpenLdap弱密码检测工具
![](https://img.aspxhome.com/file/2023/3/134063_0s.png)