-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
92a7359
commit 5da4640
Showing
8 changed files
with
289 additions
and
119 deletions.
There are no files selected for viewing
151 changes: 151 additions & 0 deletions
151
...ontent/es/docs/browser/browser-monitoring/browser-pro-features/auto-logging.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,151 @@ | ||
--- | ||
title: Detectar automáticamente los logs de browser | ||
metaDescription: Get a more complete picture of your front-end application | ||
freshnessValidatedDate: '2024-11-18T00:00:00.000Z' | ||
translationType: machine | ||
--- | ||
|
||
El logging automático recopila mensajes de log emitidos desde el browser `console` para ayudarlo a maximizar la observabilidad de su aplicación frontend. | ||
|
||
Los logs del Browser se rastrean de forma predeterminada en el `WARN` nivel para el agente Pro y Pro+SPA, pero no están disponibles para el Lite agente del browser. Le recomendamos que primero confirme que está empleando el agente Pro o Pro+SPA. Consulte [Primeros pasos](#get-started). | ||
|
||
## Cómo funciona el logging automático del browser [#how-it-works] | ||
|
||
En función de los niveles de logging y las frecuencias de ejemplificación establecido en la configuración, la instrumentación automática de logs browser intentará recopilar mensajes de los siguientes métodos: | ||
|
||
<table> | ||
<thead> | ||
<tr> | ||
<th style={{width: "200px"}}> | ||
Método | ||
</th> | ||
|
||
<th> | ||
Nivel | ||
</th> | ||
</tr> | ||
</thead> | ||
|
||
<tbody> | ||
<tr> | ||
<td> | ||
`console.log` | ||
</td> | ||
|
||
<td> | ||
`'INFO'` | ||
</td> | ||
</tr> | ||
|
||
<tr> | ||
<td> | ||
`console.error` | ||
</td> | ||
|
||
<td> | ||
`'ERROR'` | ||
</td> | ||
</tr> | ||
|
||
<tr> | ||
<td> | ||
`console.warn` | ||
</td> | ||
|
||
<td> | ||
`'WARN'` | ||
</td> | ||
</tr> | ||
|
||
<tr> | ||
<td> | ||
`console.info` | ||
</td> | ||
|
||
<td> | ||
`'INFO'` | ||
</td> | ||
</tr> | ||
|
||
<tr> | ||
<td> | ||
`console.debug` | ||
</td> | ||
|
||
<td> | ||
`'DEBUG'` | ||
</td> | ||
</tr> | ||
|
||
<tr> | ||
<td> | ||
`console.trace` | ||
</td> | ||
|
||
<td> | ||
`'TRACE'` | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
|
||
<Callout variant="important"> | ||
Los datos que pasan a través de los métodos de consola pueden pasar por serialización y [ofuscación](/docs/browser/new-relic-browser/configuration/obfuscate-browser-agent-data/). Dependiendo del tamaño y la frecuencia, esto puede afectar negativamente el rendimiento de la aplicación, así como los costos de datos. En general, NO se recomienda pasar objetos grandes o grandes cantidades de datos a los métodos de consola. | ||
</Callout> | ||
|
||
De forma predeterminada, los datos de logging se almacenan durante 30 días, pero la retención real de los datos depende de su cuenta. | ||
|
||
## Empezar [#get-started] | ||
|
||
<Steps> | ||
<Step> | ||
### Habilitar la recopilación automática de logs [#enable-configure-settings] | ||
|
||
1. Vaya a <DNT>**[one.newrelic.com](https://one.newrelic.com/all-capabilities) &gt; All Capabilities &gt; Browser**</DNT>. | ||
2. Seleccione la aplicación de su browser . | ||
3. En el menú de la izquierda, haga clic en <DNT>**Application settings**</DNT>. | ||
4. En la página de configuración de la aplicación, cerciorar de que el agente del browser <DNT>**Pro**</DNT> o <DNT>**Pro + SPA**</DNT> esté seleccionado. La detección automática de logs no está disponible para el Lite agente del browser. | ||
5. Activar la configuración <DNT>**Browser logs**</DNT> . | ||
</Step> | ||
|
||
<Step> | ||
### Configurar tasas de muestreo [#configure-sampling-rates] | ||
|
||
Establezca una frecuencia de muestreo (0%-100%) para las siguientes muestras: | ||
|
||
* <DNT>**User sessions**</DNT> registra una muestra aleatoria de todas las sesiones de usuario. | ||
|
||
Por ejemplo, si establece la frecuencia de ejemplificación de la sesión al 50%, significa que: | ||
|
||
* La mitad de todas las sesiones de usuario recopilarán automáticamente el log de eventos. | ||
</Step> | ||
|
||
<Step> | ||
### Ver log de eventos [#view-events] | ||
|
||
Puede encontrar datos de logging en dos lugares: | ||
|
||
* En la página <DNT>**Logs**</DNT> : | ||
|
||
1. Vaya a: <DNT>**[one.newrelic.com > All capabilities](https://one.newrelic.com/all-capabilities) &gt; Logs**</DNT>. Para obtener detalles sobre lo que puede hacer en la UI, consulte [Logs UI](/docs/logs/ui-data/use-logs-ui). | ||
|
||
También puedes consultar el tipo de datos `Log` . Aquí hay un ejemplo simple de consulta NRQL: | ||
|
||
```sql | ||
SELECT * FROM Log | ||
``` | ||
|
||
También puede utilizar NerdGraph, nuestra API en formato GraphQL para [consultar datos](/docs/apis/nerdgraph/examples/nerdgraph-nrql-tutorial) o [configurar la administración de logs](/docs/apis/nerdgraph/examples/nerdgraph-log-parsing-rules-tutorial). | ||
|
||
* En la página <DNT>**Errors inbox**</DNT> : | ||
|
||
1. En el menú browser de la izquierda, haga clic en <DNT>**Errors**</DNT>. | ||
2. Haga clic en las páginas <DNT>**Triage**</DNT> y <DNT>**Group errors**</DNT> para ver los logs adjuntos a los errores. | ||
</Step> | ||
</Steps> | ||
|
||
## Consumo de datos [#data-consumption] | ||
|
||
Los logs siguen el mismo precio de consumo que los demás bytes de su browser . La cantidad de bytes producidos depende del número y la longitud de los mensajes. | ||
|
||
La función de logging automático elimina la necesidad de llamar a `newrelic.log` la `newrelic.wrapLogger` browser API o, excepto cuando se agrega un atributo personalizado al evento de registro. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.