Eureka服務(wù)端的界面是可以自定義的，而且方式比較簡(jiǎn)單，下面我們來看下修改方式。
在某一些公司內(nèi)部，服務(wù)注冊(cè)中心界面可能需要完全自定義，需要攜帶一些公司的特性以及元素，如果是這樣那么本章節(jié)的內(nèi)容可以幫到你，效果可以查看我公開的Open Eureka Server服務(wù)。
創(chuàng)建Eureka Server項(xiàng)目
使用IDEA開發(fā)工具創(chuàng)建一個(gè)SpringBoot項(xiàng)目，在pom.xml內(nèi)添加依賴如下所示：
<properties>
<java.version>1.8</java.version>
<spring-cloud.version>Hoxton.RC2</spring-cloud.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.cloud</groupId>
<artifactId>spring-cloud-starter-netflix-eureka-server</artifactId>
</dependency>
</dependencies>
<dependencyManagement>
<dependencies>
<dependency>
<groupId>org.springframework.cloud</groupId>
<artifactId>spring-cloud-dependencies</artifactId>
<version>${spring-cloud.version}</version>
<type>pom</type>
<scope>import</scope>
</dependency>
</dependencies>
</dependencyManagement>
啟用Eureka Server
我們?cè)趩?dòng)類XxxApplication使用@EnableEurekaServer注解來啟用Eureka管理端的功能，如下所示：
/**
* 自定義Eureka Server管理界面
*
* @author 恒宇少年
*/
@SpringBootApplication
@EnableEurekaServer
public class CustomizeEurekaManagePageApplication {
public static void main(String[] args) {
SpringApplication.run(CustomizeEurekaManagePageApplication.class, args);
}
}
配置服務(wù)
接下來我們?cè)?code>application.yml配置文件內(nèi)添加Eureka相關(guān)配置信息，如下所示：
spring:
application:
name: customize-eureka-manage-page
# Eureka配置
eureka:
client:
service-url:
defaultZone: http://127.0.0.1:${server.port}/eureka/
fetch-registry: false
register-with-eureka: false
server:
port: 10000
自定義頁面
在spring-cloud-netflix-eureka-server-xx.xx.xx.jar依賴文件內(nèi)我們可以找到tempaltes.eureka目錄，結(jié)構(gòu)如下圖所示：
templates.eureka目錄下存放了Erueka Server管理頁面的模板文件，我們可以將模板文件復(fù)制出來到當(dāng)前項(xiàng)目的resources/templates/eureka目錄下，然后進(jìn)行自定義界面內(nèi)容。
-
header.ftlh：頂部菜單導(dǎo)航模板頁面 -
lastn.ftlh：服務(wù)注冊(cè)記錄模板頁面 -
navbar.ftlh：首頁導(dǎo)航欄信息模板頁面 -
status.ftlh：服務(wù)所在服務(wù)器的基本狀態(tài)模板頁面
我們找到navbar.ftlh文件，這個(gè)文件內(nèi)是Eureka Server在首頁顯示系統(tǒng)信息、服務(wù)注冊(cè)列表、服務(wù)服務(wù)器基本信息的展示頁面，我們簡(jiǎn)單在System Status分類下的第一個(gè)table內(nèi)添加一行信息，如下所示：
<tr>
<td>程序員恒宇少年</td>
<td><img src="http://blog.yuqiyu.com/images/profile2.png" width="400px"/></td>
</tr>
查看效果
我們來啟動(dòng)或重啟下本項(xiàng)目，訪問http://127.0.0.1:10000，查看效果如下圖所示：
總結(jié)
通過修改templates.eureka目錄下的文件我們就可以完成Eureka Server界面的自定義的操作，完全可以將頁面的內(nèi)容都進(jìn)行定制化，心隨所動(dòng)，趕緊行動(dòng)起來吧~
代碼示例
本篇文章示例源碼可以通過以下途徑獲取，目錄為customize-eureka-manage-page：
