Skip to content

third_login

yunnysunny edited this page Dec 9, 2016 · 1 revision

第三方登录

第三方登录流程图

图1.1 第三方登录流程图

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