Skip to content

zhangmingkai4315/alertmanager-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alertmanager React

Rewrite promethus alertmanager webui with react.

Install

  1. install nodejs
  1. install dependencies
npm install or yarn 
  1. start web server in dev mode
npm start 

Usage

After install all the dependencies and start the dev server, go to https://localhost:3000 and connect your own alertmanager api server. The server api address should be like https://localhost:9093/api/v1 or https://alertmanager.example.com/api/v1.

Notice: If you not set the url address, you app will be locked at setting pages

Click Connect button, if connect success, the menu will be unlocked and you can retrive all the alerts and silences information from sever.

Build

npm build 

After build success, the build folder will include all static files you need. Copy the static files to your nginx web folder or any web server.

Some lib

  • state manage (redux)
  • router (react-router-dom)
  • form (react-form)
  • async (react-saga)
  • i18n (react-intl)