这期内容当中小编将会给大家带来有关利用vue实现微博第三方登录的方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
<强> 1。微博三方登录流程
1.1前端获取认证代码
1。在Vue页面加载时动态发送请求获取微博授权url
2。django收到请求的url后,通过微博应用ID (client_id)和回调地址(redirect_uri)动态生成授权url返回给Vue
3。当用户点击上面的url进行扫码,授权成功会跳转我们的回调界面并附加代码参数
4。Vue获取到微博返回的代码后,会将代码发送给django后端(上面的redirect_uri)
1.2获取微博access_token
后端获取代码后,结合client_id, client_secret, redirect_uri参数进行传递,获取微博access_token
1.3获取微博用户基本信息并保存到数据库
使用获得的access_token调用获取用户基本信息的接口,获取用户第三方平台的基本信息
用户基本信息保存到数据库,然后关联本地用户,然后将用户信息返回给前端
1.4生成令牌给Vue
django后端借助微博认证成功后,可以使用JWT生成令牌,返回给Vue
Vue将牌存储到本地文件中,以便用户访问其他页面进行身份验证
<强> 2。第三方登录与本地登录的关联(三种情况)
2.1情况1:本地未登录,第一次登录第三方
此时相当于注册,直接把第三方信息拉取来并注册成本地用户就可以了,并建立本地用户与第三方用户
(openid)的绑定关系
2.2情况2:本地未登录,再次登录第三方
此时用户已注册,获取到openid后直接找出对应的本地用户即可
2.3情况3:本地登录,并绑定第三方
这个只要将获取到的openid绑定到本地用户就可以了
<强> 3. OAuth认证原理
OAuth是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源,而无需将用户名和密码提供给第三方应用。
OAuth允许用户提供一个令牌,而不是用户名和密码来访问他们存放在特定服务提供者的数据。这个代码如果能出三方换取到数据就证明这个用户是三方真实的用户
<强> 4。为什么使用三方登录
服务方希望用户注册,而用户懒得填注册时的各种信息(主要是为了保证用户的唯一性,各种用户名已占用,密码格式限制)。
而像微信,QQ,微博等几乎每个人都会安装的应用中用户肯定会在其中某一个应用中已经注册过,证明该用户在已经注册的应用中的唯一性。
第三方登录的实质就是在授权时获得第三方应用提供的代表了用户在第三方应用中的唯一性的openid。并将openid储存在第三方服务控制的本地储存。
上述就是小编为大家分享的利用vue实现微博第三方登录的方法了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。
