Cas5.3.2 服务端 自定义登入界面

第一:项目整体结构:

Cas5.3.2 服务端 自定义登入界面_第1张图片

自定义页面涉及资源全部存放再src/main/resources 文件夹目录下:

目录 含义
services 配置自定义登入网站模板
static 静态文件目录,用于存放js,css代码的
templates 模板文件目录,用于存放html
digipower.properties 存放digipower网站模板的配置信息

 

services 目录配置

service目录,设定每一个子网站对应的请求样式,如果不设定,默认使用指定默认样式。

HTTPSandIMAPS-10000001.json 文件解析

该json配置文件是系统默认的登录模板,自定义模板配置文件规则:文件名称+id.json,如果不是这种格式cas 服务端不然找不到配置文件。

Cas5.3.2 服务端 自定义登入界面_第2张图片

  HTTPSandIMAPS-10000001.json 文件内容:

{
  "@class" : "org.apereo.cas.services.RegexRegisteredService",
  "serviceId" : "^(https|imaps)://.*",
  "name" : "HTTPS and IMAPS",
  "id" : 10000001,
  "description" : "This service definition authorizes all application urls that support HTTPS and IMAPS protocols.",
  "evaluationOrder" : 10000
}

自定义模板配置文件内容(digipower-1000.json):

{
  "@class" : "org.apereo.cas.services.RegexRegisteredService",
  "serviceId" : "^(https|imaps|http)://.*",
  "name" : "digipower",
  "id" : 1000,
  "description" : "CAS-SSO 登入",
  "evaluationOrder" : 10,
  "theme": "digipower"
}

application.properties 配置

注意:设置cas需要从json文件做初始化操作,不然我们配置的json没有生效

# cas 自定义登入界面
# 默认主题
cas.theme.defaultThemeName=digipower
# 开启识别json文件,默认false
cas.serviceRegistry.initFromJson=true

static 文件夹

digipower.css:

h1 {
    color: blue;
}

templates 登录模板

目录结构可以看到,每个子站点,都会新建一个文件夹,文件夹的名称需要和 service里面配置站点的theme的名称对应上,casLoginView.html 这个模板的名称,不能瞎改,这个是固定的




    
    
    
    
    



CAS-SSO 单点登录

配置模板信息:

digipower.properties:

# 自定义登入首页相关参数配置
#定义的字段和信息,可以在页面读取到
digipower.css.file=/themes/digipower/css/digipower.css
digipower.pageTitle=CAS-SSO 登入

启动服务

到项目的根目录,找到build.cmd,然后debug启动服务。

build.cmd debug

访问测试:

Cas5.3.2 服务端 自定义登入界面_第3张图片

Cas5.3.2 服务端 自定义登入界面_第4张图片

你可能感兴趣的:(cas)