Alibaba iLogtail Config Server UI

这是基于阿里巴巴 iLogtail 项目 Config Server 通信协议的一个前端实现。使用 React + Ant Design 组件库 + Create React App 脚手架工具进行开发，旨在为用户提供一个简单、实用、易嵌入的 Config Server 前端控制台。

快速开始

git clone https://github.com/iLogtail/config-server-ui
cd config-server-ui
yarn install
yarn start

执行完上述命令，你所在的机器上会启动一个前端服务，默认端口3000，通过chrome等浏览器访问http://127.0.0.1:3000将看到这个简洁的控制台界面。

当然，要使它能够正常工作，你应该按照此文档事先启动Config Server。Config Server的默认监听端口是8899，因此，yarn start命令启动的前端服务默认将对接http://127.0.0.1:8899。如果想修改，可以指定CONFIG_SERVER_ADDRESS环境变量，例如：

CONFIG_SERVER_ADDRESS=http://192.168.3.17:9988 yarn start

另外，也可以通过环境变量指定前端启动地址和端口：

HOST=127.0.0.1 PORT=3100 yarn start

创建采集配置

创建步骤：点击采集配置标签页 -> 点击创建按钮 -> 填写表单 -> 点击保存配置。

关联Agent Group步骤：采集配置标签页 -> 找到需要关联的配置 -> 点击添加Agent Group -> 点击添加 -> 勾选Agent Group -> 点击确定。

取消关联Agent Group步骤：采集配置标签页 -> 找到需要取消关联的配置 -> 点击关联的Agent Group -> 点击需要取消关联的标签页 -> 点击确定。

构建部署

yarn start是为开发服务的，部署时为了获取最佳性能，你需要以下命令进行构建：

yarn build

命令执行完成后，把整个build文件夹里的静态文件部署到nginx服务器。同时，为了能够获取Config Server的动态内容，需要使用nginx的反向代理功能，转发/api/v1的请求到Config Server，以下是一个配置示例：

root /path/to/config-server-ui/build;

location /api/v1/User {
    proxy_pass http://127.0.0.1:8899/User;
}

这样，你可以很方便地把构建产物集成和嵌入到自己的运维管理平台。

docker 构建

使用docker build命令构建镜像。使用docker run命令运行镜像时，可以通过设置CONFIG_SERVER_ADDRESS环境变量指定Config Server的地址端口。

docker build -t config-server-ui .
docker run -e CONFIG_SERVER_ADDRESS=http://<ip>:<port> --rm -it -p 8080:80 config-server-ui

主题颜色

config-server-ui默认主题颜色是Ant Design的主色#1677ff，如果需要和你的集成管理平台统一配色，请修改App.js的这一行：

const colorPrimary = '#1677ff';

国际化

config-server-ui提供最基础的国际化功能，目前支持中文zh-CN和英文en-US。如果需要切换，需要修改App.js的这一行：

const locale = 'zh-CN';

Licence

Apache 2.0 License