Skip to content
This repository was archived by the owner on Oct 31, 2024. It is now read-only.

Commit eac4408

Browse files
OrGeva10gitbook-bot
authored andcommitted
GitBook: [#172] Docs new screenshots
1 parent 1713c32 commit eac4408

30 files changed

+74
-83
lines changed
290 KB
Loading
192 KB
Loading
171 KB
Loading

.gitbook/assets/Diagram.png

182 KB
Loading
119 KB
Loading

.gitbook/assets/Span details 2.png

105 KB
Loading

.gitbook/assets/Span details.png

103 KB
Loading

.gitbook/assets/Timeline.png

193 KB
Loading

.gitbook/assets/Trace Search (1).png

473 KB
Loading
426 KB
Loading
426 KB
Loading

.gitbook/assets/Trace Viewer2.png

393 KB
Loading

.gitbook/assets/Trace overview.png

92.2 KB
Loading
397 KB
Loading
Loading
454 KB
Loading
440 KB
Loading
405 KB
Loading
530 KB
Loading
343 KB
Loading
328 KB
Loading
Loading
398 KB
Loading

.gitbook/assets/Trace viewer.png

382 KB
Loading

getting-started/observability.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@ Tracing is very powerful, because it allows you to investigate some types of iss
1414
\
1515
This is an example of what a trace looks like in Aspecto:
1616

17-
![](<../.gitbook/assets/image (10).png>)
17+
![](<../.gitbook/assets/Diagram and timeline.png>)
1818

19-
The diagram above shows how an HTTP request was handled internally:
19+
The diagram and timeline above shows how an HTTP request was handled internally:
2020

2121
* It first triggered an HTTP call to route '/user/token' on service 'user-service' which performed the FIND\_ONE operation on the 'aspecto-demo' database and returned status code 200 to the caller.
2222
* Then, it sent an HTTP GET request to an external API (`en.wikipedia.org`) which returned status code 200.

getting-started/overview.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -4,30 +4,30 @@
44

55
The Aspecto diagram shows the relations between services, the order of activities in a trace, and provides a clear picture of the app's architecture. Aspecto also displays the entire route of any message sent through Kafka, RabbitMQ, SQS, and other sorts of message brokers.
66

7-
![](../.gitbook/assets/screen-shot-2021-03-16-at-11.52.53.png)
7+
![](<../.gitbook/assets/Diagram playground.png>)
88

99
## [📈](https://emojipedia.org/chart-increasing/) Optimize Performance
1010

1111
The timeline displays the order of activities and displays how much time each activity took, making it easy to identify bottlenecks.
1212

13-
![](../.gitbook/assets/screen-shot-2021-03-16-at-11.30.25.png)
13+
![](<../.gitbook/assets/Diagram and timeline.png>)
1414

1515
## 🗺 Follow a Parameter's Journey
1616

17-
Any parameter that appears inside a trace can be easily found: where it started, which components passed it along, and where it ended. This journey is visually marked on the graph and can be inspected inside each component's payload.
17+
Any parameter that appears inside a trace can be easily found: where it started, which components passed it along, and where it ended. This journey is visually marked on the graph and can be inspected inside each component's payload.&#x20;
1818

19-
![](../.gitbook/assets/screen-shot-2021-03-24-at-14.30.44.png)
19+
![](<../.gitbook/assets/Trace viewer search term.png>)
2020

2121
## 🔎 Troubleshoot Issues in Staging and Production
2222

2323
Aspecto collects all trace data including requests, queries, and different types of data, then correlates it to logs and metrics. \
2424
\
2525
Beyond traditional logs, Aspecto allows you to easily search payloads, DB queries, async messages, and more, without being dependent on developers inserting logs in the correct places.
2626

27-
![](../.gitbook/assets/screen-shot-2021-03-16-at-13.45.28.png)
27+
![](<../.gitbook/assets/Trace viewer search param.png>)
2828

2929
## 👋 Help New Developers Onboard Easily
3030

3131
New developers that join the team can get familiar with the app by inspecting microservices interactions. Each trace can be viewed separately, or as a part of the entire local data architecture. This makes it much easier to grasp how each service works and interacts with other services in the app.
3232

33-
![](../.gitbook/assets/bitmap.png)
33+
![](<../.gitbook/assets/Diagram playground 2.png>)

getting-started/quick-start.md

+8-7
Original file line numberDiff line numberDiff line change
@@ -132,27 +132,28 @@ Once you've searched through and easily pinpointed where the problem lies, click
132132

133133
### Search
134134

135-
Select the **Trace Search** icon to view a list of every trace that has been collected. Each row represents an action that took place in your system. ****&#x20;
135+
Select the **Trace Search** icon to view a list of every trace that has been collected. Each row represents a trace - actions that took place in your system.
136136

137-
![](<../.gitbook/assets/Trace Search.png>)
137+
<figure><img src="../.gitbook/assets/Trace Search (1).png" alt=""><figcaption></figcaption></figure>
138138

139139
### **Filter**
140140

141-
Use the filters in the search bar to locate a specific trace to view more information on the endpoint-to-endpoint transaction. You can filter your search using the open search field or by: environment, time frame, HTTP Method**,** etc. You can check all the filters [here](https://docs.aspecto.io/v1/observability-debugging/untitled#filter).
141+
Use the filters in the search bar to locate a specific trace to view more information on the endpoint-to-endpoint transaction. You can filter your search using the open search field or by: environment, service name, HTTP method**,** etc. You can check all the common filters [here](https://docs.aspecto.io/v1/observability-debugging/untitled#filter).
142142

143-
![](<../.gitbook/assets/Trace Filters.png>)
143+
![](<../.gitbook/assets/Trace Search filters (1).png>)
144144

145145
### **Sort**
146146

147147
Now that you've filtered your search and have narrowed down the list of traces, you can sort through the remaining traces by clicking on any column header. The traces will automatically sort from ascending to descending but you can change the order of the sort using the arrow that appears next to the column name.
148148

149-
![](<../.gitbook/assets/sort traces.png>)
149+
![](<../.gitbook/assets/Trace search duration sort.png>)
150150

151151
### **Observe**
152152

153-
From the refined list, select the specific trace or set of aggregated traces you've been searching for in order to view more information. Three main sections will appear: Summary, Diagram and Timeline.
153+
From the refined list, select the specific trace you've been searching for in order to view more information. \
154+
Three main sections will appear: Diagram, Summary and Timeline.
154155

155-
![](../.gitbook/assets/aspecto-flow-9.png)
156+
![](<../.gitbook/assets/Trace viewer.png>)
156157

157158
{% hint style="info" %}
158159
Learn more how to [Investigate Your Tracing Data](https://docs.aspecto.io/v1/observability-debugging/untitled).

observability-debugging/untitled/README.md

+16-26
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,13 @@ Once you've searched through and easily pinpointed where the problem lies, click
88

99
## Search &#x20;
1010

11-
Select the **Trace Search** icon to view a list of every trace that has been collected. Each row represents an action that took place in your system.&#x20;
11+
Select the **Trace Search** icon to view a list of every trace that has been collected. Each row represents a trace - actions that took place in your system.&#x20;
1212

1313
{% hint style="info" %}
1414
Data collection starts when the application is deployed after instrumentation. For more information on how to deploy the Aspecto SDK, [click here](https://docs.aspecto.io/v1/send-tracing-data-to-aspecto/aspecto-sdk).&#x20;
1515
{% endhint %}
1616

17-
![](<../../.gitbook/assets/Aspecto - Flows (1).png>)
17+
![](<../../.gitbook/assets/Trace Search (1).png>)
1818

1919
#### Filter&#x20;
2020

@@ -34,55 +34,47 @@ Use the filters in the search bar to locate a specific trace to view more inform
3434
| queue | The name of the queue (sqs queue name, kafka topic ) |
3535
| functions | A severless function, such as an AWS Lambda function |
3636

37-
Feel free to use more than one search parameter to really define what you're looking for. For example, perhaps you are searching for a failed HTTP request to POST `/v1/example`. Simply filter the HTTP method to only POST requests, filter the route to `/v1/example`, and filter the status code to 500. The search results will display every POST `/v1/example `request that failed due to 500 within the selected time frame.&#x20;
37+
Feel free to use more than one search parameter to really define what you're looking for. For example, perhaps you are searching for a failed HTTP request to POST `/v1/example`. Simply filter the HTTP method to only POST requests, filter the route to `/v1/example`, and filter the status code to 500. The search results will display every POST `/v1/example` request that failed due to 500 within the selected time frame.&#x20;
3838

3939
You can also refine your search using the displayed graph above the list of traces. The x-axis represents the execution time for each trace and the y-axis represents the function. By clicking on **function** or **group by**, you can alternate what the y-axis represents and can aggregate traces together in order to view how traces change over time. Once you've set the function, highlight over a specific section of the graph. The trace list will then only display traces that fall within that specific region.&#x20;
4040

4141
#### Sort
4242

4343
Now that you've filtered your search and have narrowed down the list of traces, you can sort through the remaining traces by clicking on any column header. The traces will automatically sort from ascending to descending but you can change the order of the sort using the arrow that appears next to the column name.&#x20;
4444

45-
![](<../../.gitbook/assets/Aspecto - Flows (3).png>)
46-
47-
{% hint style="info" %}
48-
#### Aggregate View
49-
50-
You can also search for aggregated traces by clicking the **Trace Aggregation** tab. The same search filters apply, but in this case, each unique trace will appear in the list once, with the number of occurrences shown per row.&#x20;
51-
{% endhint %}
52-
53-
![](<../../.gitbook/assets/Aspecto - Flows (2).png>)
45+
![](<../../.gitbook/assets/Trace search duration sort.png>)
5446

5547
## Observe&#x20;
5648

5749
From the refined list, select the specific trace or set of aggregated traces you've been searching for in order to view more information.&#x20;
5850

59-
![](../../.gitbook/assets/aspecto-flow-9.png)
51+
![](<../../.gitbook/assets/Trace viewer.png>)
6052

6153
Three main sections will appear:
6254

63-
* A summary
64-
* A diagram
65-
* A timeline
55+
* Summary
56+
* Diagram
57+
* Timeline
6658

6759
### Summary&#x20;
6860

6961
The summary states the services that rely on the specific components within the trace, what the execution time was of the trace (AKA how long it took to perform), and the longest operation.&#x20;
7062

71-
![](../../.gitbook/assets/screen-shot-2021-08-18-at-12.42.54-pm.png)
63+
![](<../../.gitbook/assets/Trace overview.png>)
7264

7365
If any component within the trace failed or did not perform as it should, you can click on that component within the diagram or the timeline and the summary section will populate with information as to why. You can also click on the error icon itself to view more information.&#x20;
7466

75-
![](../../.gitbook/assets/screen-shot-2021-08-18-at-12.23.14-pm.png)
67+
![](<../../.gitbook/assets/Span deatails with errors.png>)
7668

7769
### Diagram&#x20;
7870

7971
The diagram section allows you the visualize the relationship between services, understand the order of activities in a trace, and provides a clear picture of the application's architecture. On a high level, it will showcase how related operations across multiple microservices connect with each other in a single trace and will display the entire route of any message sent through Kafka, RabbitMQ, SQS, and other sorts of message brokers.&#x20;
8072

81-
![](../../.gitbook/assets/screen-shot-2021-08-17-at-11.50.58-am.png)
73+
![](../../.gitbook/assets/Diagram.png)
8274

83-
Each step in the trace is labeled numerically in the order it was performed. To further understand what took place in each step, simply click on the relevant component and information pertaining to the request, response, dependencies, and (occasionally) exceptions will appear. &#x20;
75+
To further understand what took place in each step, simply click on the relevant component and information pertaining to the request, response, dependencies, and (occasionally) exceptions will appear. &#x20;
8476

85-
![](../../.gitbook/assets/screen-shot-2021-08-18-at-12.41.31-pm.png)
77+
![](<../../.gitbook/assets/Span details.png>)
8678

8779
**Request:** information pertaining to the component that you sent data to.
8880

@@ -92,17 +84,15 @@ Each step in the trace is labeled numerically in the order it was performed. To
9284

9385
**Exceptions:** this section appears whenever a component through an exception. The captured exception will display, including the exception message and the stack trace.&#x20;
9486

95-
If any part of the trace failed, the numbered arrow representing that component will appear in red and an exclamation icon (!) appear to catch your attention. The same icon will appear in orange/ yellow if an exception occurred or a component passed but not necessarily as it should.&#x20;
96-
97-
![](../../.gitbook/assets/screen-shot-2021-08-18-at-6.35.04-pm.png)
87+
If any part of the trace failed, an exclamation icon (!) appear to catch your attention. The same icon will appear in orange/ yellow if an exception occurred or a component passed but not necessarily as it should.&#x20;
9888

99-
####
89+
![](<../../.gitbook/assets/Trace viewer error.png>)
10090

10191
### Timeline&#x20;
10292

10393
The timeline showcases the hierarchy between components and displays the order in which every activity was performed, including how long it took. It makes it easy to visually identify bottlenecks and operational delays that result in performance issues within your application.
10494

105-
![](../../.gitbook/assets/screen-shot-2021-08-18-at-6.12.05-pm.png)
95+
![](../../.gitbook/assets/Timeline.png)
10696

10797
The component list on the left states the order and sequence of operations while the graph on the right showcases how many milliseconds each operation took.&#x20;
10898

Original file line numberDiff line numberDiff line change
@@ -1,50 +1,50 @@
11
# Search for Errors and Exceptions
22

3-
The Trace Search tool can be used to filter and find errors or exceptions that may be detrimental to your application's success.
3+
The Trace Search tool can be used to filter and find errors or exceptions that may be detrimental to your application's success.&#x20;
44

5-
In this guide, we'll go over how to view a list of every trace that contained an error, as well as how to observe and pinpoint why that error occurred.
5+
In this guide, we'll go over how to view a list of every trace that contained an error, as well as how to observe and pinpoint why that error occurred.&#x20;
66

77
The entire process can be completed in 2 steps:
88

99
1. Locate the trace
10-
2. Pinpoint the problem
10+
2. Pinpoint the problem&#x20;
1111

12-
### Step 1: Locate the Trace
12+
### Step 1: Locate the Trace&#x20;
1313

14-
1. Click on the **Trace Search** tab to view every monitored trace in your system.
14+
1. Click on the **Trace Search** tab to view every monitored trace in your system.&#x20;
1515

16-
![](<../../.gitbook/assets/Screen Shot 2021-09-28 at 6.02.19 PM (1).png>)
16+
![](<../../.gitbook/assets/Trace search playground.png>)
1717

18-
2\. Determine the time frame for your search. For example, if you'd like to review actions that took place within the last 24 hours, set the time frame to **Today**.
18+
2\. Determine the time frame for your search. For example, if you'd like to review actions that took place within the last 24 hours, set the time frame to **Last 24 hours**.&#x20;
1919

20-
![](<../../.gitbook/assets/Aspecto - Flows (4) (1).png>)
20+
![](<../../.gitbook/assets/Trace search last 24h.png>)
2121

22-
3\. Filter the traces by marking **Error** as one of the search parameters.
22+
3\. Filter the traces by marking **Error** as one of the search parameters.&#x20;
2323

24-
![](<../../.gitbook/assets/Aspecto - Flows (5).png>)
24+
![](<../../.gitbook/assets/Trace search errors last 24h.png>)
2525

26-
You will now see a complete list of traces from the last 24 hours that contained an error. You can continue to refine your search using additional parameters or you can sort the search results according to _Flow Length_, _Execution Time_, and more.
26+
You will now see a complete list of traces from the last 24 hours that contained an error. You can continue to refine your search using additional parameters or you can sort the search results according to _Flow Length_, _Execution Time_, and more.&#x20;
2727

28-
You can also refine your search using the displayed graph above the list of traces. The x-axis represents the execution time for each trace and the y-axis represents the function. By clicking on **function** or **group by**, you can alternate what the y-axis represents and can aggregate traces together in order to view more information.
28+
You can also refine your search using the displayed graph above the list of traces. The x-axis represents the execution time for each trace and the y-axis represents the function. By clicking on **function** or **group by**, you can alternate what the y-axis represents and can aggregate traces together in order to view more information.&#x20;
2929

30-
4\. Select any row in the list to view more information.
30+
4\. Select any row in the list to view more information.&#x20;
3131

32-
Once you've selected the trace, you can begin to further investigate why it contained an error and did not perform.
32+
Once you've selected the trace, you can begin to further investigate why it contained an error and did not perform.&#x20;
3333

34-
### Step 2: Pinpoint the Error
34+
### Step 2: Pinpoint the Error&#x20;
3535

3636
There are 3 main sections you can utilize to further investigate why an error or exception took place in a trace: summary, diagram, and timeline.
3737

38-
The summary and the diagram provide excellent insight on the trace itself and how different components rely and communicate with each other. The timeline section really digs deep into how long each component in the trace took to perform.
38+
The summary and the diagram provide excellent insight on the trace itself and how different components rely and communicate with each other. The timeline section really digs deep into how long each component in the trace took to perform.&#x20;
3939

40-
![](<../../.gitbook/assets/error\_1 (1) (1).png>)
40+
![](<../../.gitbook/assets/Trace viewer error.png>)
4141

42-
You can select any component in the diagram or the timeline to learn more. For example, as displayed in the graph above and below, you can select the component that is marked FAILED. Once you've clicked on the component, its associated request, response, and dependencies will appear. You can now verify and check to see where something went wrong.
42+
You can select any component in the diagram or the timeline to learn more. For example, as displayed in the graph above and below, you can select the component that is marked FAILED. Once you've clicked on the component, its associated request, response, and dependencies will appear. You can now verify and check to see where something went wrong.&#x20;
4343

44-
![](<../../.gitbook/assets/error\_2 (1) (1).png>)
44+
![](<../../.gitbook/assets/Trace viewer span error (1).png>)
4545

46-
You can also click on the FAIL or EXCEPTION buttons directly to view the error message.
46+
You can also click on the FAIL or EXCEPTION buttons directly to view the error message.&#x20;
4747

48-
![](<../../.gitbook/assets/error\_3 (1) (1).png>)
48+
![](<../../.gitbook/assets/Trace viewer exception.png>)
4949

50-
Now that you've pinpointed the problem, its time to debug and troubleshoot.
50+
Now that you've pinpointed the problem, its time to debug and troubleshoot.&#x20;

0 commit comments

Comments
 (0)