关于eureka:聊聊如何对eureka管理界面进行定制化改造

前言

在nacos还未面世之前，eureka基本上就是springcloud全家桶体系注册核心的首选，随着nacos的横空出世，越来越多基于springcloud的微服务项目采纳nacos作为注册核心，但这是不是意味着eureka就没用武之地，其实并不是的，从springcloud截止目前最新版本2020.0.2来看，该版本废除了netflix诸如hytrix、ribbon、zuul等组件，而eureka依然坚挺着，这就阐明eureka作为注册核心，在springcloud体系中依然施展着重要的作用。明天就来聊聊如何对eureka治理界面进行定制化革新

自定义登陆页面

eureka默认是没有登陆鉴权的，咱们能够引入spring security来为eureka增加登陆鉴权性能

1、pom引入spring security

  <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-security</artifactId>
        </dependency>

2、在application.yml配置认证用户名明码

spring:
  security:
    user:
      # 认证的用户名
      name: lybgeek
      # 认证的明码
      password: lybgeek

仅需这两步，就能够实现一个带有登陆界面的eureka治理界面。然而spring security的登陆界面css援用

https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css

在网络不好的状况下，会呈现eureka登陆页面款式会加载不进去，很影响用户体验。因而咱们要自定义登陆页面

ps： spring security的页面生成，如果感兴趣的敌人，能够查看如下类

org.springframework.security.web.server.ui.LoginPageGeneratingWebFilter

它的登陆页面生成是通过该过滤器渲染生成。

3、自定义登陆页

因为不是业余前端，因而就把spring security默认页面拿来简略批改一下。

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>请登录</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/signin.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <form class="form-signin" method="post" action="/login">
        <!--<h2 class="form-signin-heading">请登录</h2>-->
        <div class="alert alert-danger" role="alert" id="errorMsgAlert" style="display:none" ></div>
        <p>
            <label for="username" class="sr-only">用户名</label>
            <input type="text" id="username" name="username" class="form-control" placeholder="Username" required=""
                   autofocus="">
        </p>
        <p>
            <label for="password" class="sr-only">明码</label>
            <input type="password" id="password" name="password" class="form-control" placeholder="Password"
                   required="">
        </p>
        <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
    </form>
</div>
</body>
<script src="../js/jquery-3.5.1.min.js"></script>

4、编写跳转登陆页controller

@Controller
@Slf4j
public class LoginController {

    @GetMapping("/toLogin")
    public String login(HttpServletRequest request) {
        return "login";
    }

}

5、配置WebSecurity

@EnableWebSecurity
@Configuration
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.csrf().disable()
                .authorizeRequests()
                .antMatchers("/toLogin*","/login*","/css/*","/js/*","/actuator/**").permitAll()
                .and()
                .formLogin()
                .loginPage("/toLogin")
                .permitAll();
        super.configure(http);
    }

注： loginPage(“/toLogin”)中的toLogin，对应的就是咱们写的LoginController 路由。

此时拜访eureka，能够看到如下页面

6、配置登陆逻辑以及登陆失败配置

注: 登陆逻辑间接采纳spring security默认的登陆逻辑login，自定义页面的用户名name要取名为username，明码要取名为password，不能自定义，比方password改成pwd，这样就无奈走默认的登陆逻辑。其次因为咱们应用自定义登陆页面，原生自带校验失败的页面渲染逻辑会生效，因而咱们要自定义校验失败渲染逻辑

在原先的WebSecurityConfig 加上登陆逻辑配置和登陆失败配置

@EnableWebSecurity
@Configuration
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.csrf().disable()
                .authorizeRequests()
                .antMatchers("/toLogin*","/login*","/css/*","/js/*","/actuator/**").permitAll()
                .and()
                .formLogin()
                .loginPage("/toLogin")
                .loginProcessingUrl("/login").failureUrl("/login/error").permitAll();
        super.configure(http);
    }

}

7、自定义登陆失败跳转逻辑controller

@Controller
@Slf4j
public class LoginController {

    @GetMapping("/login/error")
    public String loginError(HttpServletRequest request) {
        AuthenticationException authenticationException = (AuthenticationException) request.getSession().getAttribute(WebAttributes.AUTHENTICATION_EXCEPTION);
        log.info("authenticationException={}", authenticationException);
        String errorMsg;

        if (authenticationException instanceof UsernameNotFoundException || authenticationException instanceof BadCredentialsException) {
            errorMsg = "用户名或明码谬误";
        } else if (authenticationException instanceof DisabledException) {
            errorMsg = "用户已被禁用";
        } else if (authenticationException instanceof LockedException) {
            errorMsg = "账户被锁定";
        } else if (authenticationException instanceof AccountExpiredException) {
            errorMsg = "账户过期";
        } else if (authenticationException instanceof CredentialsExpiredException) {
            errorMsg = "证书过期";
        } else {
            errorMsg = "登录失败";
        }
        request.setAttribute("errorMsg",errorMsg);
        return "login";
    }
    }

当用户名或者明码谬误，页面会有如下提醒

eureka治理界面指定环境信息

上图是eureka原生自带的环境信息。但咱们在日常开发中，有时候会辨别dev、sit、uat、prod环境，显然上图是没法满足咱们要求。因而咱们能够在application.yml配置如下内容

eureka:
  #此处设置会扭转eureka控制台的显示
  datacenter: ${DATA_CENTER:LYBGEEK DATA CENTER}
  #此处设置会扭转eureka控制台的显示
  environment: ${ENV:dev}

此时再查看页面

自定义治理页面

eureka的治理界面默认是应用应用freemarker来做模板渲染，其模板页面在

spring-cloud-netflix-eureka-server-具体版本.jar

如图

因而咱们如果要进行定制，仅需把eureka的模板配置挪到咱们代码的templates中，如图

而后依据咱们的须要，进行批改，比方在本示例中，我就新增了一个登出按钮和一个版权信息列表，如下图

在进行定制时，可能踩到的坑

在自定义登陆页面时，呈现如下异样

org.thymeleaf.exceptions.TemplateInputException: Error resolving template [eureka/status], template might not exist or might not be accessible by any of the configured Template Resolvers

解决方案有两种，一种是在yml文件配置如下内容

spring:
  freemarker:
    prefer-file-system-access: false

一种在把eureka的模板页面都搁置在如下下图的地位

总结

最近和敌人聊天，他晓得我所在的公司注册核心还是用eureka的时候，他就很惊讶说怎么不必nacos，而后我就问他说为什么要用nacos，他给我的答案是当初eureka曾经闭源了，nacos当初很火，能够做配置核心也能够做注册核心，erueka前面基本上不会有人用了。

其实所谓eureka的闭源，是指eureka2版本的闭源，而目前大部分用的eureka都是版本一，咱们能够去看netflix对eureka的最近更新

截止以后，他更新工夫是11天前，再来看看spring-cloud-netflix-eureka的最近更新

对技术选型，有时候并不是哪个火就用哪个，而是要满足以后业务须要，还有一点比方你正式环境曾经稳固运行我的项目，你会因为呈现更火的技术，就把以后我的项目技术栈替换掉吗？我所在项目组，eureka作为注册核心，因为注册下来的业务我的项目就那么一些，用eureka就齐全满足需要了。

我这边并不是排挤nacos的意思，毕竟nacos也有一些其余注册核心所不具备的个性，比方动静DNS服务，同时反对AP和CP，nacos2的高性能，这些都是很值得去关注

demo链接

https://github.com/lyb-geek/springboot-learning/tree/master/springboot-custom-eureka

关于eureka:聊聊如何对eureka管理界面进行定制化改造

前言

自定义登陆页面

eureka治理界面指定环境信息

自定义治理页面

在进行定制时，可能踩到的坑

总结

demo链接

更多文章

未能装载“software”。(com.apple.DiskManagement.disenter错误49223。- macosx catalina系统磁盘挂载出错解决办法

苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法

图解Golang：从零开始实现简易版过期LRU缓存

深入解析：基于Delta的线性数据结构模型，打造高效富文本编辑器

轻松管理社交媒体：使用Automa插件实现一键拉黑功能