webstore demo metric enhancement (#175)

* add basic usage of grafana

Signed-off-by: Ziqi Zhao <zhaoziqi9146@gmail.com>

* add more config for grafana

Signed-off-by: Ziqi Zhao <zhaoziqi9146@gmail.com>

* fix for yamllint

Signed-off-by: Ziqi Zhao <zhaoziqi9146@gmail.com>

* fix for yamllint

Signed-off-by: Ziqi Zhao <zhaoziqi9146@gmail.com>

* fix for reviews

Signed-off-by: Ziqi Zhao <zhaoziqi9146@gmail.com>

Co-authored-by: Carter Socha <43380952+cartersocha@users.noreply.github.com>

.env

@@ -52,4 +52,7 @@ FEATURE_FLAG_SERVICE_PORT=50052
 FEATURE_FLAG_GRPC_SERVICE_PORT=50053
 
 # Prometheus
-PROMETHEUS_SERVICE_PORT=9090
+PROMETHEUS_SERVICE_PORT=9090
+
+# Grafana
+GRAFANA_SERVICE_PORT=3000

.github/.mlc_config.json

@@ -1,5 +1,6 @@
 {
     "ignorePatterns": [
+        {"pattern": "^http://localhost:3000"},
         {"pattern": "^http://localhost:8080"},
         {"pattern": "^http://localhost:9090"},
         {"pattern": "^http://localhost:16686"},

README.md

@@ -57,6 +57,8 @@ Once the images are built and containers are started you can access:
 
 - Prometheus: <http://localhost:9090/>
 
+- Grafana: <http://localhost:3000>
+
 ### Bring your own backend
 
 Likely you want to use the Webstore as a demo application for an observability

docker-compose.yml

@@ -27,6 +27,7 @@ services:
       - "4317"
       - "4318"
       - "9464"
+      - "8888:8888"
     depends_on:
       - jaeger
 
@@ -271,3 +272,12 @@ services:
       - ./src/prometheus/prometheus-config.yaml:/etc/prometheus/prometheus-config.yaml
     ports:
       - "${PROMETHEUS_SERVICE_PORT}:${PROMETHEUS_SERVICE_PORT}"
+
+  # Grafana
+  grafana:
+    image: grafana/grafana:9.0.1
+    volumes:
+      - ./src/grafana/grafana.ini:/etc/grafana/grafana.ini
+      - ./src/grafana/provisioning/:/etc/grafana/provisioning/
+    ports:
+      - "${GRAFANA_SERVICE_PORT}:${GRAFANA_SERVICE_PORT}"