自定义你自己的Eureka管理界面

Posted 2023-05-03

参考技术A Eureka 服务端的界面是可以自定义的，而且方式比较简单，下面我们来看下修改方式。

在某一些公司内部，服务注册中心界面可能需要完全自定义，需要携带一些公司的特性以及元素，如果是这样那么本章节的内容可以帮到你，效果可以查看我公开的 Open Eureka Server 服务。

使用 IDEA 开发工具创建一个 SpringBoot 项目，在 pom.xml 内添加依赖如下所示：

我们在启动类 XxxApplication 使用 @EnableEurekaServer 注解来启用 Eureka 管理端的功能，如下所示：

接下来我们在 application.yml 配置文件内添加 Eureka 相关配置信息，如下所示：

在 spring-cloud-netflix-eureka-server-xx.xx.xx.jar 依赖文件内我们可以找到 tempaltes.eureka 目录，结构如下图所示：

templates.eureka 目录下存放了 Erueka Server 管理页面的模板文件，我们可以将模板文件复制出来到当前项目的 resources/templates/eureka 目录下，然后进行自定义界面内容。

我们找到 navbar.ftlh 文件，这个文件内是 Eureka Server 在首页显示系统信息、服务注册列表、服务服务器基本信息的展示页面，我们简单在 System Status 分类下的第一个 table 内添加一行信息，如下所示：

我们来启动或重启下本项目，访问http://127.0.0.1:10000，查看效果如下图所示：

通过修改 templates.eureka 目录下的文件我们就可以完成 Eureka Server 界面的自定义的操作，完全可以将页面的内容都进行定制化，心随所动，赶紧行动起来吧~

本篇文章示例源码可以通过以下途径获取，目录为 customize-eureka-manage-page ：

Azure DevOps Server 安装自定义界面的拓展控件

本篇分享的是本地版DevOps, 作为一个Azure DevOps新手，在你准备安装拓展控件要自定义你的页面时，首先要了解下你的项目集合的类型(英文叫Collection),你可以登录你的Server打开管理控制台，看到你已有项目的进程模型

这个进程模型是在你创建项目的时候选择的

 了解了进程模型之后就决定了你拓展的自定义方式，比如我当前是继承模型，所以决定了操作都是在Web界面上操作

上篇博文我介绍了如何上传本地Extension，本篇将已Time Log举例

简单介绍下为何要装这个插件，在JIRA里每个任务都是可以log时间的，比如一个任务需要20个小时完成，需要横跨几天时间，通过log时间来记录开发人员每天在这个任务上消耗了多长时间，但Azure的任务里 只有几个字段记录计划，完成，剩余，没有一个具体记录，所以需要这个插件来补充这个功能

登录到你的Portal页面，选择你的项目，点击左下角的管理设置，进入到下图的拓展菜单栏，会发现我们上传的本地插件并不在列表里，这时我们需要点击浏览本地插件

会在插件gallery里看到我们已经上传的Time logging插件，点击进去

 

 继续点击免费获取，然后选择你的项目点击安装即可

 然后我们打开任何一个任务，就能看到多了一个叫Time log的tab页

 当然如果你的项目进程模型是XML的，可以通过witadmin命令导出XML修改后再导入，具体可以参考Docs

当你运行命令导出XML有如下提示时，就表示你的项目是集成型了，无法操作XML

下面的命令是定位到你的命令行来执行witadmin指令，这个命令行工具需要你安装VisualStudio,具体的witadmin命令参考Docs或者博文

cd C:\\Program Files (x86)\\Microsoft Visual Studio\\2017\\Community\\Common7\\IDE\\CommonExtensions\\Microsoft\\TeamFoundation\\Team Explorer