-
Notifications
You must be signed in to change notification settings - Fork 2
third_login
yunnysunny edited this page Dec 9, 2016
·
1 revision
图1.1 第三方登录流程图
- 登录页面中有 qq github linkedin weibo 四个第三方登录链接,用户点击其中任何一个,跳转到后端进行登录。这个登录链接上还要带上登录完成之后的回调地址,使用
encodeURIComponent
进行转义,这里将其定义为redirect
。具体接口定义参见这里。 - 后端判断当前登录的帐号类型,然后跳转到相应的第三方网站进行登录第三方帐号。
- 用户完成第三方登录后,会回跳到预定义好的一个后端地址,在这一步完成用户信息入库等操作。
- 后端处理第3步之后会跳转到一个跟前端约定好的一个静态页面上,并且将之前第1步传给后端的回调地址
redirect
也通过url参数的方式再回传回来。 - 前端在这个静态页上请求一下用户信息接口。
- 后端返回用户信息。
- 前端判断当前用户是否之前绑定过手机、登录帐号等信息。如果没有绑定则加载绑定用户信息页面(跟注册页是一个网页);如果已经绑定则直接跳转到
redirect
。 - 在用户未绑定用户信息的情况下,用户自己填写完了绑定信息,调用注册接口。
- 注册成功,跳转到
redirect
。