Eureka服務端的介面是可以自定義的，而且方式比較簡單，下面我們來看下修改方式。

在某一些公司內部，服務註冊中心介面可能需要完全自定義，需要攜帶一些公司的特性以及元素，如果是這樣那麼本章節的內容可以幫到你，效果可以檢視我公開的Open Eureka Server服務。

建立Eureka Server專案

使用IDEA開發工具建立一個SpringBoot專案，在pom.xml內新增依賴如下所示：

<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

我們在啟動類XxxApplication使用@EnableEurekaServer註解來啟用Eureka管理端的功能，如下所示：

/**
 * 自定義Eureka Server管理介面
 *
 * @author 恆宇少年
 */
@SpringBootApplication
@EnableEurekaServer
public class CustomizeEurekaManagePageApplication {

    public static void main(String[] args) {
        SpringApplication.run(CustomizeEurekaManagePageApplication.class,args);
    }

}複製程式碼
 

配置服務

接下來我們在application.yml配置檔案內新增Eureka相關配置資訊，如下所示：

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依賴檔案內我們可以找到tempaltes.eureka目錄，結構如下圖所示：

templates.eureka目錄下存放了Erueka Server管理頁面的模板檔案，我們可以將模板檔案複製出來到當前專案的resources/templates/eureka目錄下，然後進行自定義介面內容。

• header.ftlh：頂部選單導航模板頁面
• lastn.ftlh：服務註冊記錄模板頁面
• navbar.ftlh：首頁導航欄資訊模板頁面
• status.ftlh：服務所在伺服器的基本狀態模板頁面

我們找到navbar.ftlh檔案，這個檔案內是Eureka Server在首頁顯示系統資訊、服務註冊列表、服務伺服器基本資訊的展示頁面，我們簡單在System Status分類下的第一個table內新增一行資訊，如下所示：

<tr>
  <td>程式設計師恆宇少年</td>
  <td><img src="http://blog.yuqiyu.com/images/profile2.png" width="400px"/></td>
</tr>複製程式碼

檢視效果

我們來啟動或重啟下本專案，訪問http://127.0.0.1:10000，檢視效果如下圖所示：

總結

通過修改templates.eureka目錄下的檔案我們就可以完成Eureka Server介面的自定義的操作，完全可以將頁面的內容都進行定製化，心隨所動，趕緊行動起來吧~

程式碼示例

本篇文章示例原始碼可以通過以下途徑獲取，目錄為customize-eureka-manage-page：

• Gitee：https://gitee.com/hengboy/spring-cloud-chapter
  

作者個人 部落格

使用開源框架 ApiBoot 助你成為Api介面服務架構師