इस लेख में मैं दिखाऊंगा कि किसी भी नोड जेएस एप्लिकेशन के लिए आश्चर्यजनक रूप से सूचनात्मक और सुविधाजनक डैशबोर्ड कैसे विकसित किया जाए, मैं ग्रेफाना के साथ प्रोमेथियस के एक गुच्छा का वर्णन करूंगा और कोड टेम्पलेट दूंगा ताकि आप अपनी समस्याओं को हल करने के लिए अधिग्रहीत ज्ञान का उपयोग कर सकें।

अधिकांश लेख विशेष रूप से नोड जेएस डेवलपर्स पर केंद्रित नहीं हैं और प्रोग्रामिंग भाषा की परवाह किए बिना उपयोगी हो सकते हैं।

लेख के लिए कोड के साथ Github भंडार से लिंक करें - https://github.com/pavlovdog/grafana-prometheus-node-js-example

मुझे लगता है कि हम सभी डेटा विश्लेषण की चुनौती का सामना कर रहे हैं। शायद आप सहमत होंगे - हर बार डेटाबेस में अपने हाथों को डालने या एक-बार स्क्रिप्ट का निर्माण करने की तुलना में आपकी आंखों के सामने एक दृश्य चित्र होना बहुत अधिक सुविधाजनक है।

यह दृष्टिकोण उस समय विशेष रूप से उपयोगी हो जाता है जब सिस्टम "रेल पर हो जाता है।" उपयोगकर्ताओं की संख्या अपूर्ण रूप से दर्जनों और फिर सैकड़ों से अधिक हो जाती है। और अब आपके पास मैन्युअल मोड में एप्लिकेशन की सावधानीपूर्वक निगरानी करने का समय नहीं है। और यह विशेष राय से टॉम क्रूज की तरह महसूस करने के लिए अच्छा है।

मैं प्रदर्शित करूंगा कि किसी भी प्रकार के डेटा के लिए सुविधाजनक डैशबोर्ड जोड़ना कितना आसान है और एक सरल नोड जेएस एप्लिकेशन का एक उदाहरण देना है जो इस कार्यक्षमता को लागू करता है।

आर्किटेक्चर

Prometheus + Grafana. Prometheus, . , :

Prometheus

— . X timestamp -> data. Prometheus — Node JS . HTTP , Prometheus , .

Grafana

Open-source . (data source) — (MySQL, PostgreSQL), (Prometheus).

, , . Grafana — line chart, histogram, heatmap . :

Going deeper

, online , . — — , . , .

Prometheus + Grafana + Node JS . — https://github.com/pavlovdog/grafana-prometheus-node-js-example.

:

$ git clone https://github.com/pavlovdog/grafana-prometheus-node-js-example
$ cd grafana-prometheus-node-js-example/
$ docker-compose up -d

docker docker-compose:

$ docker --version
Docker version 19.03.5, build 633a0ea838
$ docker-compose --version
docker-compose version 1.23.1, build b02f1306

, localhost:3000 ( — admin, — illchangeitanyway) :

. :

• Prometheus
• App
• Grafana

docker-compose . — .

Prometheus

prometheus/prometheus.yml:

scrape_configs:
  - job_name: 'prometheus'
    scrape_interval: 5s

    static_configs:
      - targets: [
        'app:9200',
      ]
        labels:
          service: 'app-exporter'
          group: 'testing'
          name: 'app-exporter'

, Prometheus (scraping) (targets). target — Node JS , 9200. — 5 .

Prometheus, localhost:9090/targets.

Prometheus . 4.9 .

App

, , e-commerce — . , Prometheus. localhost:9200/metrics:

# HELP active_users Amount of active users right now per category
# TYPE active_users gauge
active_users{category="oil"} 100
active_users{category="wine"} 194
active_users{category="bread"} 289
active_users{category="butter"} 397

— Prometheus :

- targets: [
    'app:9200',
]

, Prometheus app:9200/. — /metrics (app:9200/metrics).

Grafana

Grafana . ./grafana:

$ tree grafana/
grafana/
├── config.ini
├── dashboards
│   └── simple.json
└── provisioning
    ├── dashboards
    │   └── all.yml
    └── datasources
        └── all.yml

grafana/provisioning/datasources/all.yml:

$ cat grafana/provisioning/datasources/all.yml 
datasources:
- name: 'prometheus-monitoring-1'
  type: 'prometheus'
  access: 'proxy'
  org_id: 1
  url: 'http://prometheus:9090'
  is_default: true
  version: 1
  editable: true

— Prometheus, 9090.

, Grafana Prometheus. (panel) , . , MySQL SQL :

select category, active_users from my_table;

Prometheus, — PromQL. , . :

Grafana handlebars ({{ ... }}) — . active_users:

active_users

PromQL Total users ( ):

sum — active_users .

sum(active_users)

इस लेख में मैंने वर्णन करने की कोशिश की, यह मुझे लगता है, एक आईटी सेवा के विकास में सबसे दिलचस्प चरणों में से एक - प्रमुख एप्लिकेशन मेट्रिक्स का दृश्य। यदि आपके पास अभी भी प्रश्न हैं - तो उन्हें लेख में टिप्पणियों में पूछने में संकोच न करें। यदि आप अपने व्यवसाय के लिए निगरानी प्रणाली विकसित करने में रुचि रखते हैं, तो कृपया मुझे sergey.p.moscow@gmail.com पर लिखें।

नए लेखों की सूचनाएँ प्राप्त करने के लिए मेरे टेलीग्राम चैनल की सदस्यता लें । ध्यान देने के लिए आपको धन्यवाद :)