# How to connect Angular logs

**URL:** <https://discuss.elastic.co/t/how-to-connect-angular-logs/337193>\
**Category:** Kibana\
**Created:** [June 29, 2023, 12:43pm UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193 "2023-06-29T12:43:54Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![pavlod](https://avatars.discourse-cdn.com/v4/letter/p/ce73a5/32.png) [@pavlod](https://discuss.elastic.co/u/pavlod)\
**Post date:** [June 29, 2023, 12:43pm UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/1 "2023-06-29T12:43:54Z")

</div>

Hello!  
I have a task to connect frontend to Elasticsearch but I cannot find instructions how to connect it...  
For example I need to connect Angular to Elastic.  
Thanks!

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [June 29, 2023, 1:42pm UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/2 "2023-06-29T13:42:36Z")

</div>

Hi @pavlod,

Where are the logs for your Angular application being output to? Are they stored in a file somewhere for example? Or are you referring to logs in the browser as you would see in the Chrome DevTools console?

---

<div class="post-metadata">

**Author:** ![pavlod](https://avatars.discourse-cdn.com/v4/letter/p/ce73a5/32.png) [@pavlod](https://discuss.elastic.co/u/pavlod)\
**Post date:** [June 29, 2023, 2:13pm UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/3 "2023-06-29T14:13:01Z")

</div>

Hi!  
I have web application and Elastic cloud (Elasticsearch, Kibana, APM, Fleet, Enterprise Search).  
I figured out how to connect beck end. It is very useful. Now I need to connect front end to Elastic, to be able to collect mistakes logs... like it does Bugsnag

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [June 29, 2023, 2:17pm UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/4 "2023-06-29T14:17:10Z")

</div>

@pavlod so you want to be able to capture errors and perhaps other useful metrics such as browser agent etc? Can you confirm which version of Angular you are using? It sounds like [the Elastic JavaScript RUM agent is what you need](https://www.elastic.co/guide/en/apm/guide/current/apm-rum.html).

---

<div class="post-metadata">

**Author:** ![pavlod](https://avatars.discourse-cdn.com/v4/letter/p/ce73a5/32.png) [@pavlod](https://discuss.elastic.co/u/pavlod)\
**Post date:** [June 29, 2023, 2:25pm UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/5 "2023-06-29T14:25:57Z")

</div>

yes... I will try to connect it by JavaScript, thanks! But will it work on big projects like [Asp.Net](http://Asp.Net) Core or Elastic has another solutions?

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [June 29, 2023, 3:39pm UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/6 "2023-06-29T15:39:48Z")

</div>

For the [ASP.NET](http://ASP.NET) application you want to instrument, are you making using of C# and a framework like Blazor?

---

<div class="post-metadata">

**Author:** ![pavlod](https://avatars.discourse-cdn.com/v4/letter/p/ce73a5/32.png) [@pavlod](https://discuss.elastic.co/u/pavlod)\
**Post date:** [June 30, 2023, 8:49am UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/7 "2023-06-30T08:49:30Z")

</div>

Yes... in the back side C# [ASP.NET](http://ASP.NET) I'm using Serilog.Sinks.\* but now I need to set up logging from a front side.. to be able to view fronts mistake logs

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [June 30, 2023, 8:56am UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/8 "2023-06-30T08:56:05Z")

</div>

Ok, given you've originally asked about Angular is it the case that you are looking to instrument multiple applications? For [ASP.Net](http://ASP.Net) I would recommend having a look at the [.NET APM Agent](https://www.elastic.co/guide/en/apm/agent/dotnet/current/intro.html), specifically the [ASP.NET Quick Start](https://www.elastic.co/guide/en/apm/agent/dotnet/current/setup-asp-net-core.html).

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 28, 2023, 8:56am UTC](https://discuss.elastic.co/t/how-to-connect-angular-logs/337193/9 "2023-07-28T08:56:10Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
