自己做企业网站的步骤,十大免费客户管理系统,如何做网站站长,wordpress首页分类调用官网地址#xff1a;Sa-Token
统一认证服务端 直接用的官网的demo#xff0c;稍加改动#xff0c;因为要前后端分离#xff0c;加了一个H5Controller#xff0c;官网也有详细介绍#xff0c;这一部分不难#xff0c;照着做就行了
配置文件#xff1a;
# Sa-Token 配…官网地址Sa-Token
统一认证服务端 直接用的官网的demo稍加改动因为要前后端分离加了一个H5Controller官网也有详细介绍这一部分不难照着做就行了
配置文件
# Sa-Token 配置
sa-token:# ------- SSO-模式一相关配置 (非模式一不需要配置)# cookie:# 配置 Cookie 作用域# domain: stp.com# ------- SSO-模式二相关配置sso:# Ticket有效期 (单位: 秒)默认五分钟ticket-timeout: 300# 所有允许的授权回调地址allow-url: *# ------- SSO-模式三相关配置 下面的配置在使用SSO模式三时打开# 是否打开模式三is-http: truesign:# API 接口调用秘钥secret-key: kQwIOrYvnXmSDkwEiFngrKidMcdrgKor# ---- 除了以上配置项你还需要为 Sa-Token 配置http请求处理器文档有步骤说明业务服务端
因为要用到跨redis,跨域所以要用到他们的client3模式。 配置文件
sa-token:# SSO-相关配置sso:# SSO-Server端 统一认证地址auth-url: http://localhost:9000/sso/auth#auth-url: http://127.0.0.1:5500/sso-login.html# 使用 Http 请求校验ticket (模式三)is-http: true# SSO-Server端 ticket校验地址check-ticket-url: http://localhost:9000/sso/checkTicket# 单点注销地址slo-url: http://localhost:9000/sso/signout# 查询数据地址get-data-url: http://localhost:9000/sso/getDatasign:# API 接口调用秘钥secret-key: kQwIOrYvnXmSDkwEiFngrKidMcdrgKor上面是demo整合到自己的业务服务端
将自己的token一并返回给前端 RequestMapping(/sso/doLoginByTicket)public SaResult doLoginByTicket(String ticket) {Object loginId SaSsoProcessor.instance.checkTicket(ticket, /sso/doLoginByTicket);if(loginId ! null) {StpUtil.login(loginId);String token jwtConfig.createToken(loginId.toString()) ;MapString, Object resultMap new HashMap();resultMap.put(satoken, StpUtil.getTokenValue());resultMap.put(token, token);return SaResult.data(resultMap);}return SaResult.error(无效ticket ticket);}
提供一个api获取登录后的相关信息 RequestMapping(/loginBySso)public Result? loginBySso(HttpServletRequest request) {String token request.getHeader(token);String userId jwtConfig.getUsernameFromToken(token);QueryWrapperSysUser queryWrapper new QueryWrapper();queryWrapper.eq(id, userId);SysUser sysUser sysUserService.getOne(queryWrapper, false);if (sysUser ! null) {if(sysUser.getLockFlag()!null sysUser.getLockFlag().equals(1)){return Result.error(用户已被锁定请联系管理员解锁,sysUser);}if(!0.equals(sysUser.getStatus())){if(DBsUserConstant.Status.SECPERIOD.equals(sysUser.getStatus())){return Result.error(用户账号已删除请联系管理员,sysUser);}else {return Result.error(用户账号正在申请中请联系管理员审核, sysUser);}}LoginModel model getUserInfo(sysUser);return Result.ok(JSON.toJSONString(model));} else {return Result.error(无此用户);}}业务客户端
参考的这个demo 整合到自己的业务客户端
修改路由配置非常关键
router.beforeEach(async (to, from, next) {//debugger;let token sessionStorage.getItem(token);const url new URL(window.location.href)const params getParams(url);let ticket params.ticket;if (ticket isEmpty(token)) {//debugger;//有票据拿tokenconst ticketRes await ssoLoginByTicket({ticket: ticket})sessionStorage.setItem(token, ticketRes.data.data.token)localStorage.setItem(satoken, ticketRes.data.data.satoken)const res await userLoginBySso()afterLogin(res);config.configData.sso_enable truenext({ path: desktopUrl() })return false} else {if (to.path /sso) {config.configData.sso_enable true} //无票据进入登录页面if (config.configData.sso_enable isEmpty(token)) {const ssoUrlRes await ssoAuthUrl({clientLoginUrl: location.origin/})location.href ssoUrlRes.data.datareturn false;}//如果直接跳登录页面不管是不是sso都眺if (to.path /login) {next()return false}//跳首页时直接决定是登录页还是桌面if (to.path / || to.path /sso) {if (isEmpty(token)) {next(login)} else {next(desktop)}return false}//不能反着跳if (to.path / from.path /login) {return false;} } next()
})
相关api
import Vue from vue
import {ajax} from /utils/httputils
import config from /config/index.jsconst API_URL config.configData.api_url
const http (method, url, data) {return new Promise((resolve, reject) {return ajax(method, url, data).then((res) {if (res.data.code 200) {resolve(res)} else {reject(res)}}).catch(error reject(error))})
}
/*** server* /sso/auth* /sso/checkTicket* /sso/signout* /sso/userinfo** client* /sso/getSsoAuthUrl* /sso/doLoginByTicket* /sso/logout* /sso/logoutCall*/
export function ssoAuth(data) {return http(get, API_URL /sso/auth, data)
}
export function ssoCheckTicket(data) {return http(get, API_URL /sso/checkTicket, data)
}
export function ssoSignout(data) {return http(get, API_URL /sso/signout, data)
}
export function ssoUserInfo(data) {return http(get, API_URL /sso/userinfo, data)
}export function ssoAuthUrl(data) {return http(get, API_URL /sso/getSsoAuthUrl, data)
}
export function ssoLoginByTicket(data) {return http(get, API_URL /sso/doLoginByTicket, data)
}
export function ssoLogout(data) {return http(get, API_URL /sso/logout, data)
}
export function ssoLogoutCall(data) {return http(get, API_URL /sso/logoutCall, data)
}
