When we are working on a real project it is vital to have a dashboard where we can find the availability of the backend services integrated with that project. This project can be used for that purpose.
- Easy to find unavailable backend services
- Real-time updating the services status in every “x” seconds (“x” can be configured. By default “x” is 30 seconds)
- Easy to integrate services
- No need to worry about the CORS issue
- Both Web and Mobile friendly UI
- Free and open-source
| Criteria | API Health Checker Dashboard | Dynatrace Dashboard |
|---|---|---|
| Real-time monitoring | Yes | Minimum interval is 5 minutes |
| Historical view | Not yet implemented | Yes |
| Integrating backend services | Only need to update in a single file | Need to create HTTP monitors per service and add it to the dashboard |
| Cost | Free and open-source | Paid tool |
Pre-requisites:
Steps:
- Clone this project
- Open the project in VSCode
- Open "config.json" located in "api-health-checker-dashboard/config/config.json"
- Update the JSON file with your Backend services' health routes
- Save the changes
- Open the terminal in VSCode
- Execute
npm installto install the node modules - Execute
npm run devto start the node application - Open the web application from http://localhost:5000
Note: You won't be facing CORS issue. Because this application has a proxy layer to solve that issue. You can deploy this application as a node application.
You can deploy this as a sample node application.
Sample dashboard deployed: https://api-health-checker-dashboard.herokuapp.com
Copyright 2020 MaxSoft.