最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • SSO 前端设计与思路

    正文概述 掘金(夏天是个胖子)   2021-01-20   618

    SSO 前端设计与思路

    什么是sso?

    使用场景

    1.系统一站式登陆,如果我在 a.jd.com 登陆之后, 我在 b.jd.com再次登陆时,无需继续登陆,达到全网漫游目的。 2. 禁用系统功能,例如我需要 剔除该用户时,此时只需要在单点服务上剔除改用户的权限,此时所有的应用权限都剔除了。

    设计思路

    流程图如下 SSO 前端设计与思路

    统一登陆页面如下

    SSO 前端设计与思路

    代码逻辑如下

     methods: {
        handleLogin() {
          this.$refs.loginForm.validate(valid => {
            if (valid) {
              Login({
                username: this.loginForm.name,
                password: this.loginForm.password,
                appName: this.appName
              }).then(res => {
                Cookies.set("Auth_token", res.data.token, { expires: 7 ,  path: '', domain: '.jd.com' });
                location.href = `http://` + this.redirect
              });
            } else {
              return false;
            }
          });
        }
      },
      created() {
        console.log(window.location)
        console.log(process.env)
        let query = parseQuery(window.location.search)
        console.log(query)
        if (query.redirect) {
          this.redirect = query.redirect
          this.appName = query.appName
        }
      }
    

    后台逻辑流程如下: SSO 前端设计与思路


    起源地 » SSO 前端设计与思路

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元