How to maintain logs for front end in react js?

user_10335023 0
Viewed 4848

I maintain logs for my backend node js using log4js and it works fine. But I want to do the same for my front end, But I couldn't find a proper package to do that and also in some blogs I came to know that we cannot maintain files in client-side.

So How do I maintain logs for the react js front end?

Note: I want to maintain logs for both info and error, just like this package https://www.npmjs.com/package/log4js

reactjs logging javascript
2 Answers

There are many ways to do this. However, assuming you want to centralize all of your applications logs in one place, then you must call an endpoint that your application exposes and pass the related log data to that endpoint.

  1. Create an endpoint that your app can HTTP POST log data to. This endpoint will then invoke your log4js logger
  2. Have the client request that endpoint whenever it needs to log data, and send the associated data in the request
user_19117550

One way to log the front end with third party packages is to use sentry io. Either the cloud or self hosted versions act as a centralized place for log management. Since it is started as a separate service, even if your backend goes down, it is still possible to trace your frontend logs.

user_121883270
Related