qq/微信联合登录整体流程图！

后台调用流程图

前言

每个微信、QQ程序中用户的OpenId是唯一且不会改变的,可以通过OpenId和用户进行关联。

前端处理登录

vue处理后端传入的openId（openToken）实现用户登录。

0. qq/微信登录成功后，后台携带用户openId重定向到vue，

1. vue接收到openId（openToken）就表示当前用户qq/微信登录成功，

2. 先根据openId（openToken）查询是否存在关联的账号，如果关联账号的话，直接使用openId实现自动登录，

返回用户的token（用户登录标识velue是用户id）给客户端，vue直接跳转到首页页面。

3. 反之openId（openToken）没有关联用户，则进入关联账号页面（关联新账号或关联已有账号）。

-- 参考小米官网。

微信需要扫描登录：

首先找个js生成二维码插件，把回调地址open.weixin.com/connect/oauth2/authorize?appid=wcsad...............

当做参数放入生成的二维码中，让用户扫码，会调用回调地址，最后生成openId响应给客户端vue。

qq/微信联合登录整体流程图！相关推荐

QQ微信可以登录但打不开网页
QQ微信可以登录但打不开网页方法1. 修改DNS地址方法2. 关闭科学上网又碰到这个垃圾问题... 来给自己MARK一下! 方法1. 修改DNS地址这是网上常见的修改步骤,可以查到很多教程. ...
实现在App端授权qq/微信/微博登录
App端登陆相关的SDK需要在manifest中配置: 打开 manifest.json -> App模块权限配置,勾选 OAuth(登陆鉴权). 打开 manifest.json -> ...
微信联合登录全攻略，早期测试用户的详尽经验总结！
这是一个朋友leap在跟我对接时候的心得,字字珠玑.网上搜不到太可惜了,转载微信客户端授权登录开始邀请第三方应用内测了,我们虽然是个创业团队,但很幸运的成为了该功能的早期内测用户,经过半年多的试用, ...
电脑崩溃后QQ微信能登录，却打开不了网页的一种解决办法
先说一下本人出现该问题的情景,当时电脑突然蓝屏,重启后,QQ微信能正常登录,但网页却打不开了,Google.edge等网页都无法打开,浏览器自带的修复功能也无法解决.检查网络连接也没问题,就是无网络. ...
浏览器出现无法访问该页面/无法连接服务器/服务器拒绝连接/XXX已拒绝连接，同时QQ微信可以登录发信息。
吐槽:新买的华硕天选4,RTX4060配置,不算业内顶配,不至于网上不了吧.. 上干货!!! 有用的话记得点个赞.你的赞数虽然不会成为我解决问题的动力,但是打开一看它有数字好看啊! 问题如下: ...
QQ 微信第三方登录分享
</pre>一些基础性的东西我就不说了,至于怎么去下载SDK,什么的相信都知道QQ 1.第三方 ...
QQ/微信授权登录js
http://blog.csdn.net/weixin_36050378/article/details/52435241(可以看这个链接,基本上讲全了) 本页面只做微信/QQ的授权登录这个静态页面 ...
WordPress好看的QQ微信等登录插件二开美化版
介绍: 今天给大家分享一个WordPress个人网站/博客等接入社交登录方法,网站使用了QQWorld通行证插件,觉得图标不好看,就仿照Foxlogin写的登录前端样式. 支持QQ.微信.新浪微博.支 ...
社交网站如何免接口启用QQ微信“一键登录”网站
聚合登录,就是利用用户在第三方平台上已有的账号来快速完成自己应用的登录流程.简化用户注册登录过程.改善用户浏览站点的体验.迅速提高网站注册量和用户数据量.有完善的开发文档与SDK,方便开发者快速接入. ...

qq/微信联合登录整体流程图！

后台调用流程图

前端处理登录

vue处理后端传入的openId（openToken）实现用户登录。

qq/微信联合登录整体流程图！相关推荐

最新文章

热门文章