美文网首页程序员
多端同步登录解决方案

多端同步登录解决方案

作者: 甘伍觉莫 | 来源:发表于2018-06-22 17:22 被阅读49次

本篇主要介绍一个多端同步登录的实现方案.

服务示例.png

- 项目背景

  • 四个客户端, 且都是前后端分离的项目
  • 一个 api server, 为各个客户端提供接口服务
  • 一个登录中心, 各个客户端的登录都要跳转到登录中心实现

这种同步登录的实现还用到一个前端库: cross-storage. 这个库可以跨域写入localstorage, 这是前提.

实现步骤:
  1. 需要登录, 各个客户端跳转到登录中心进行登录

  2. 登录中心校验账户和密码, 登录成功写入session

  3. 登录中心使用账户密码请求api-server的登录接口, 获取认证token

  4. 登录中心将认证token通过 cross-storage 写入到各个客户端的localstorage中

以上就是实现这种机制的大概流程, 各个客户端拿到token之后就可以与 api-server 进行通信了.

当然还有很多实现细节在这里没有提到, 比如token刷新通知到各个客户端, 同步退出等等. 欢迎与大家交流.

相关文章

  • 多端同步登录解决方案

    本篇主要介绍一个多端同步登录的实现方案. - 项目背景四个客户端, 且都是前后端分离的项目一个 api serve...

  • Hexo多端同步

    丢失node_modules

  • 多端同步的工作

    处于现在的社会,我们的工作与生活的界限已经越来越模糊。除了朝九晚六的工作,很多人在回到家之后依旧会继续工作。甚至有...

  • uniapp多端登录实现

    前言:uniapp的特点就是开发一次,多端覆盖。你开发好了一个微信小程序,通过作兼容处理,你又同时可以发布app、...

  • 66.【已解决】华为授权登录集成Could not find c

    场景 在Android app集成华为授权登录时,一切按照集成文档处理后,同步工程,遇到报错: 解决方案 到华为开...

  • uniapp多端登录实现(二)

    折腾了一段时间,这个uniapp登录框架终于完成,基本上是按照前面的设计图实现。 这是一个uniapp+Think...

  • iOS多线程(四)

    多线程安全隐患解决方案 1.解决方案:使用线程同步技术(协同步调,按预定的先后次序进行) 2.常用的线程同步技术:...

  • taro 参考

    taro 多端同步调试[https://blog.51cto.com/u_15060458/4654794]tar...

  • Taro小程序采坑记

    Taro,京东凹凸实验室出品的适配多端的一个框架,Taro 是一套遵循 React 语法规范的 多端开发 解决方案...

  • fastadmin为什么有的页面验证提示中文有的是英文

    前言 当需要多端或多处登录时就需要用到多个地方登录,使用默认的user注册登录验证提示时没问题的,但是如果自己新建...

网友评论

本文标题:多端同步登录解决方案

本文链接:https://www.haomeiwen.com/subject/rxxlyftx.html