Spring Boot管理员添加自定义选项卡

Question

我正在根据http://codecentric.github.io/spring-boot-admin/2.1.1/#customizing-custom-views-instance上的文档，向Spring Boot管理服务器添加自定义标签

然而，文档和示例项目https://github.com/codecentric/spring-boot-admin/tree/2.1.1/spring-boot-admin-samples/spring-boot-admin-sample-custom-ui似乎并不能帮助您了解如何进行操作。

通过阅读文档和示例，我的理解是ui是一个单独的模块。

我似乎缺少的部分是如何将它们捆绑到ui模块和spring boot管理服务器中并为它们提供服务。

这是我到目前为止尝试过的：https://github.com/anandsunderraman/custom-spring-boot-admin/tree/master

Answer 1

尝试在Spring Boot Admin Server中成功添加自定义标签。

先决条件：

• 必须已安装npm / node并将其添加到$ PATH
• 节点版本必须为> 8.0.0。
• 如果没有，请从NodeSite下载最新的节点
• Spring boot Admin 2.1.1版
• 工作环境中的管理员/客户端。

完成以下步骤（在客户端生成/生成自定义UI /在服务器/实现端点中集成自定义UI）：

生成/构建自定义用户界面：

1. 在本地检出spring-boot-admin-custom-sample-ui。我以一个样本为例
2. cd <spring-boot-admin-custom-sample-ui-directory>
3. 运行命令npm install
   • 以上命令将安装所有软件包。您可能会收到很少的警告（关于对等方依赖性），因此也尝试通过手动安装（npm install package-name@version-number）对等方依赖性来解决它们。这些是npm软件包的依赖关系。
4. 在Intellij中导入项目，然后运行maven install命令。
   • 这将执行exec-maven-plugin，并会创建一个目标目录/ dist。如果出现任何错误，请尝试解决。我收到了一些错误，例如未找到“节点版本问题/ vue-template-compiler”。
   • 如果未找到vue-template-compiler错误，请执行npm install vue-template-compiler@2.5.16
   • 一旦maven安装完成，应通过生成新的“自定义”选项卡所需的UI来完成。现在，这需要集成到Admin Server中。 Maven安装还将在本地存储库上安装spring-boot-admin-sample-custom-ui。

在Admin Server中集成自定义用户界面

1. 只需在application.properties中添加新属性（以注入新的UI）：

   spring.boot.admin.ui.cache.no-cache = true

   spring.boot.admin.ui.extension-resource-locations = file：spring-boot-admin-sample-custom-ui-directory-path / target / dist /

   spring.boot.admin.ui.cache-templates = false

2. 在服务器pom.xml中添加对spring-boot-admin-sample-custom-ui的依赖性。这是基于第4步构建的。

3. 启动管理服务器。

客户端的实现端点：

1. 添加以下端点：

   @Endpoint（id =“ custom”） 公共类CustomEndpoint {     @ReadOperation     公共字符串getHello（）{         返回“你好”；     } }

   @Bean 公共CustomEndpoint customEndpoint（） {     返回新的CustomEndpoint（）; }

2. 启动客户端。您应该在Server上看到类似下面的内容：

这都是关于样本终点的。您可以编写自己的View并遵循类似的步骤。这些视图必须作为Vue.js组件实现。

希望这可以简化在Spring Boot管理员中添加新的自定义标签的过程。