Skip to content

Commit

Permalink
added monitoring documentation for frontend of project
Browse files Browse the repository at this point in the history
  • Loading branch information
@Koufan-De-King
Koufan-De-King committed Nov 14, 2024
1 parent f1d7e18 commit 4b4a814
Showing 1 changed file with 28 additions and 17 deletions.
45 changes: 28 additions & 17 deletions Docs/Production/GrafanaMonitoring.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,23 +46,34 @@ For a step-by-step walkthrough of this setup, visit the [Scribe Guide](https://s
The architecture of logging and monitoring involves the interaction between Grafana Faro, Grafana Alloy, and Grafana Cloud. Grafana Faro collects logs and metrics directly from your application using embedded JavaScript functions, then pushes this data to Grafana Cloud via the Grafana Alloy agent.

### Diagram of Architecture
+---------------+ +-----------------+
| Your App | | Grafana Cloud |
| (Frontend) | ------------------> | (Monitoring & |
| Logs & Events| Push Data | Logging Platform|
+---------------+ +-----------------+
|
|
+-------------+
| Grafana Faro|
| Plugin |
+-------------+
|
|
+-------------+
| Grafana Alloy|
| Agent |
+-------------+
```
+-----------------+
| Your App |
| (Frontend) |
+-----------------+
|
| Logs & Events
v
+-----------------+
| Grafana Faro |
| SDK Plugin |
+-----------------+
|
| Collect & Send Data
v
+-----------------+
| Grafana Alloy |
| Agent |
+-----------------+
|
| Forward Data
v
+-----------------+
| Grafana Cloud |
| (Monitoring & |
| Logging Platform)|
+-----------------+
```


1. **Application Logging**: The Faro plugin within your application captures logs and events (e.g., `pushLog`, `pushEvent`).
Expand Down

0 comments on commit 4b4a814

Please sign in to comment.