-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* adding translations * adding translations * updating translations * adding translations * adding translations * adding translations * adding translations * adding translations * adding translations * adding translations * adding translations * adding translations * updating translations * updating translations * adding translations * adding translations * updating translations * adding translations * adding translations * adding translations * adding translations * adding translations * updating translations * adding translations * updating translations * adding translations * updating translations
- Loading branch information
Showing
20 changed files
with
3,590 additions
and
0 deletions.
There are no files selected for viewing
738 changes: 738 additions & 0 deletions
738
.../es/real_user_monitoring/mobile_and_tv_monitoring/advanced_configuration/ios.md
Large diffs are not rendered by default.
Oops, something went wrong.
518 changes: 518 additions & 0 deletions
518
..._user_monitoring/mobile_and_tv_monitoring/advanced_configuration/reactnative.md
Large diffs are not rendered by default.
Oops, something went wrong.
272 changes: 272 additions & 0 deletions
272
content/es/real_user_monitoring/mobile_and_tv_monitoring/data_collected/android.md
Large diffs are not rendered by default.
Oops, something went wrong.
32 changes: 32 additions & 0 deletions
32
content/es/real_user_monitoring/mobile_and_tv_monitoring/data_collected/flutter.md
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,32 @@ | ||
--- | ||
aliases: | ||
- /es/real_user_monitoring/flutter/data_collected/ | ||
code_lang: flutter | ||
code_lang_weight: 30 | ||
description: Obtén información sobre los datos recopilados por la monitorización de | ||
Flutter. | ||
further_reading: | ||
- link: https://github.com/DataDog/dd-sdk-flutter | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-flutter | ||
- link: real_user_monitoring/explorer/ | ||
tag: Documentación | ||
text: Aprender a explorar tus datos de RUM | ||
title: Datos recopilados de RUM Flutter | ||
type: multi-code-lang | ||
--- | ||
## Información general | ||
|
||
El SDK de Datadog Flutter para RUM genera eventos con métricas y atributos asociados. Las métricas son valores cuantificables que pueden utilizarse para mediciones relacionadas con el evento. Los atributos son valores no cuantificables que se utilizan para segmentar los datos de métricas (agrupar por) en el RUM Explorer. | ||
|
||
La mayoría de los datos de monitorización de Flutter son recopilados por los SDKs nativos de Datadog iOS y Android para RUM, y se conservan durante los mismos periodos. | ||
|
||
* Para métricas y atributos específicos de eventos de iOS, consulta [datos recopilados de RUM iOS][1]. | ||
* Para conocer los atributos y métricas específicos de eventos de Android, consulta [datos recopilados de RUM Android][2]. | ||
|
||
## Referencias adicionales | ||
|
||
{{< partial name="whats-next/whats-next.html" >}} | ||
|
||
[1]: /es/real_user_monitoring/ios/data_collected/#event-specific-metrics-and-attributes | ||
[2]: /es/real_user_monitoring/android/data_collected/#event-specific-metrics-and-attributes |
258 changes: 258 additions & 0 deletions
258
content/es/real_user_monitoring/mobile_and_tv_monitoring/data_collected/ios.md
Large diffs are not rendered by default.
Oops, something went wrong.
35 changes: 35 additions & 0 deletions
35
.../es/real_user_monitoring/mobile_and_tv_monitoring/data_collected/reactnative.md
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,35 @@ | ||
--- | ||
aliases: | ||
- /es/real_user_monitoring/reactnative/data_collected/ | ||
code_lang: reactnative | ||
code_lang_weight: 40 | ||
description: Obtén información sobre los datos recopilados por la monitorización de | ||
React Native. | ||
further_reading: | ||
- link: https://github.com/DataDog/dd-sdk-reactnative | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-reactnative | ||
- link: real_user_monitoring/explorer/ | ||
tag: Documentación | ||
text: Aprender a explorar tus datos de RUM | ||
- link: real_user_monitoring/guide/monitor-hybrid-react-native-applications | ||
tag: Documentación | ||
text: Monitorizar aplicaciones híbridas de React Native | ||
title: Datos recopilados de RUM React Native | ||
type: multi-code-lang | ||
--- | ||
## Información general | ||
|
||
El SDK de Datadog React Native para RUM genera eventos con métricas y atributos asociados. Las métricas son valores cuantificables que pueden utilizarse para mediciones relacionadas con el evento. Los atributos son valores no cuantificables que se utilizan para segmentar los datos de métricas (agrupar por) en el RUM Explorer. | ||
|
||
La mayoría de los datos de monitorización de React Native son recopilados por los SDKs nativos de Datadog iOS y Android para RUM, y se conservan durante los mismos periodos. | ||
|
||
* Para métricas y atributos específicos de eventos de iOS, consulta [datos recopilados de RUM iOS][1]. | ||
* Para conocer los atributos y métricas específicos de eventos de Android, consulta [datos recopilados de RUM Android][2]. | ||
|
||
## Lectura adicional | ||
|
||
{{< partial name="whats-next/whats-next.html" >}} | ||
|
||
[1]: /es/real_user_monitoring/ios/data_collected/#event-specific-metrics-and-attributes | ||
[2]: /es/real_user_monitoring/android/data_collected/#event-specific-metrics-and-attributes |
60 changes: 60 additions & 0 deletions
60
...s/real_user_monitoring/mobile_and_tv_monitoring/integrated_libraries/flutter.md
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,60 @@ | ||
--- | ||
aliases: | ||
- /es/real_user_monitoring/flutter/integrated_libraries/ | ||
code_lang: flutter | ||
code_lang_weight: 30 | ||
further_reading: | ||
- link: https://github.com/DataDog/dd-sdk-flutter | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-flutter | ||
- link: /real_user_monitoring/mobile_and_tv_monitoring/integrated_libraries | ||
tag: Documentación | ||
text: Bibliotecas integradas | ||
title: Bibliotecas de Flutter para RUM | ||
type: multi-code-lang | ||
--- | ||
|
||
Esta página enumera las bibliotecas integradas que puedes utilizar para las aplicaciones Flutter. | ||
|
||
## GraphQL (gql_link) | ||
|
||
Datadog proporciona [`datadog_gql_link`][1] para su uso con la mayoría de bibliotecas de GraphQL, incluidas `graphql_flutter` y `ferry`. | ||
|
||
### Configuración | ||
|
||
Añade `datadog_gql_link` a tu `pubspec.yaml` o ejecuta `flutter pub add datadog_gql_link` desde tu terminal: | ||
|
||
```yaml | ||
dependencies: | ||
# Otras dependencias | ||
datadog_gql_link: ^1.0.0 | ||
``` | ||
Cuando creas tu enlace GraphQL, añade el `DatadogGqlLink` encima de tu enlace de terminación. Por ejemplo: | ||
|
||
```dart | ||
final graphQlUrl = "https://example.com/graphql"; | ||
final link = Link.from([ | ||
DatadogGqlLink(DatadogSdk.instance, Uri.parse(graphQlUrl)), | ||
HttpLink(graphQlUrl), | ||
]); | ||
``` | ||
|
||
Si estás rastreando llamadas de red que no sean de GraphQL con `datadog_tracking_http_client`, debes configurar el complemento de rastreo para ignorar las solicitudes a tu endpoint de GraphQL. De lo contrario, los recursos de GraphQL serán informados dos veces, y las trazas de APM pueden romperse. Ignora tu endpoint de GraphQL con el parámetro `ignoreUrlPatterns` añadido a `datadog_tracking_http_client` versión 2.1.0. | ||
|
||
```dart | ||
final datadogConfig = DatadogConfiguration( | ||
// Tu configuración | ||
)..enableHttpTracking( | ||
ignoreUrlPatterns: [ | ||
RegExp('example.com/graphql'), | ||
], | ||
); | ||
``` | ||
|
||
## Referencias adicionales | ||
|
||
{{< partial name="whats-next/whats-next.html" >}} | ||
|
||
[1]: https://pub.dev/packages/datadog_gql_link |
190 changes: 190 additions & 0 deletions
190
...al_user_monitoring/mobile_and_tv_monitoring/integrated_libraries/reactnative.md
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,190 @@ | ||
--- | ||
aliases: | ||
- /es/real_user_monitoring/reactnative/integrated_libraries/ | ||
code_lang: reactnative | ||
code_lang_weight: 20 | ||
further_reading: | ||
- link: https://github.com/DataDog/dd-sdk-reactnative | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-reactnative | ||
- link: /real_user_monitoring/mobile_and_tv_monitoring/integrated_libraries | ||
tag: Documentación | ||
text: Bibliotecas integradas | ||
title: Bibliotecas de React Native para RUM | ||
type: multi-code-lang | ||
--- | ||
|
||
Esta página enumera las bibliotecas integradas que puedes utilizar para las aplicaciones React Native. | ||
|
||
## Navegación de React | ||
|
||
### Configuración | ||
|
||
**Nota**: Este paquete es una integración para la biblioteca [`react-navigation`][1], asegúrate de instalar y configurar primero el SDK central de `mobile-react-native`. | ||
|
||
Para instalar con NPM, ejecuta: | ||
|
||
```sh | ||
npm install @datadog/mobile-react-navigation | ||
``` | ||
|
||
Para instalar con Yarn, ejecuta: | ||
|
||
```sh | ||
yarn add @datadog/mobile-react-navigation | ||
``` | ||
|
||
### Rastrear la navegación de la vista | ||
Para realizar un rastreo de los cambios en la navegación como Vistas de RUM, configura la devolución de llamada `onready` de tu componente `NavigationContainer` como se indica a continuación. Puedes utilizar el parámetro opcional `ViewNamePredicate` para sustituir el nombre de la vista detectada automáticamente por algo más relevante para tu caso de uso. | ||
|
||
Si se vuelve a `null` en `ViewNamePredicate` se impide la creación de la nueva Vista de RUM. La vista de RUM anterior permanece activa. | ||
|
||
```js | ||
import * as React from 'react'; | ||
import { DdRumReactNavigationTracking, ViewNamePredicate } from '@datadog/mobile-react-navigation'; | ||
import { Route } from "@react-navigation/native"; | ||
|
||
const viewNamePredicate: ViewNamePredicate = function customViewNamePredicate(route: Route<string, any | undefined>, trackedName: string) { | ||
return "My custom View Name" | ||
} | ||
|
||
function App() { | ||
const navigationRef = React.useRef(null); | ||
return ( | ||
<View> | ||
<NavigationContainer ref={navigationRef} onReady={() => { | ||
DdRumReactNavigationTracking.startTrackingViews(navigationRef.current, viewNamePredicate) | ||
}}> | ||
// ... | ||
</NavigationContainer> | ||
</View> | ||
); | ||
} | ||
``` | ||
|
||
**Nota**: Solo se puede rastrear un `NavigationContainer` a la vez. Si necesitas rastrear otro contenedor, deja de rastrear el anterior primero, utilizando `DdRumReactNavigationTracking.stopTrackingViews()`. | ||
|
||
## Navegación de React Native | ||
|
||
**Nota**: Este paquete es una integración para la biblioteca `react-native-navigation`. Asegúrate de instalar y configurar primero el SDK central de `mobile-react-native`. | ||
|
||
### Configuración | ||
|
||
Para instalar con NPM, ejecuta: | ||
|
||
```sh | ||
npm install @datadog/mobile-react-native-navigation | ||
``` | ||
|
||
Para instalar con Yarn, ejecuta: | ||
|
||
```sh | ||
yarn add @datadog/mobile-react-native-navigation | ||
``` | ||
|
||
### Rastrear la navegación de la vista | ||
|
||
Para empezar a rastrear tus eventos de navegación, añade las siguientes líneas antes de configurar tu navegación. Puedes utilizar la devolución de llamada opcional `ViewNamePredicate` para reemplazar el nombre de Vista detectado automáticamente por uno más relevante para tu caso de uso, basado en [`ComponentDidAppearEvent`][2]. | ||
|
||
Devolver null (nulo) en `ViewNamePredicate` impide que se cree la nueva vista de RUM. La vista de RUM anterior permanece activa. | ||
|
||
```sh | ||
import { DdRumReactNativeNavigationTracking, ViewNamePredicate } from '@datadog/mobile-react-native-navigation'; | ||
import { ComponentDidAppearEvent } from 'react-native-navigation'; | ||
|
||
const viewNamePredicate: ViewNamePredicate = function customViewNamePredicate(event: ComponentDidAppearEvent, trackedName: string) { | ||
return "My custom View Name" | ||
} | ||
|
||
DdRumReactNativeNavigationTracking.startTracking(viewNamePredicate); | ||
``` | ||
## Apollo Client | ||
**Nota**: Este paquete es una integración para la biblioteca `@apollo/client`. Asegúrate de instalar y configurar primero el SDK central de `mobile-react-native`. | ||
### Configuración | ||
Para instalar con NPM, ejecuta: | ||
```sh | ||
npm install @datadog/mobile-react-native-apollo-client | ||
``` | ||
Para instalar con Yarn, ejecuta: | ||
```sh | ||
yarn add @datadog/mobile-react-native-apollo-client | ||
``` | ||
### Migrar a HttpLink | ||
Si inicializas tu `ApolloClient` con el parámetro `uri`, inicialízalo con un `HttpLink`: | ||
```javascript | ||
import { ApolloClient, HttpLink } from '@apollo/client'; | ||
|
||
// antes | ||
const apolloClient = new ApolloClient({ | ||
uri: 'https://my.api.com/graphql' | ||
}); | ||
|
||
// después | ||
const apolloClient = new ApolloClient({ | ||
link: new HttpLink({ uri: 'https://my.api.com/graphql' }) | ||
}); | ||
``` | ||
### Utiliza el enlace de Datadog Apollo Client para recopilar información | ||
Importa `DatadogLink` de `@datadog/mobile-react-native-apollo-client` y utilízalo en tu inicialización de `ApolloClient`: | ||
```javascript | ||
import { ApolloClient, from, HttpLink } from '@apollo/client'; | ||
import { DatadogLink } from '@datadog/mobile-react-native-apollo-client'; | ||
|
||
const apolloClient = new ApolloClient({ | ||
link: from([ | ||
new DatadogLink(), | ||
new HttpLink({ uri: 'https://my.api.com/graphql' }) // siempre en la última posición | ||
]) | ||
}); | ||
``` | ||
Para más información sobre enlaces de Apollo Client, consulta la [documentación oficial][3]. | ||
### Eliminación de la información de GraphQL | ||
Utiliza un `resourceEventMapper` en tu configuración de Datadog para eliminar los datos confidenciales de las variables de GraphQL: | ||
```javascript | ||
const datadogConfiguration = new DatadogProviderConfiguration( | ||
'<CLIENT_TOKEN>', | ||
'<ENVIRONMENT_NAME>', | ||
'<RUM_APPLICATION_ID>', | ||
true, | ||
true, | ||
true | ||
); | ||
|
||
datadogConfiguration.resourceEventMapper = event => { | ||
// Las variables se almacenan en event.context['_dd.graphql.variables'] como una cadena de JSON cuando está presente | ||
if (event.context['_dd.graphql.variables']) { | ||
const variables = JSON.parse(event.context['_dd.graphql.variables']); | ||
if (variables.password) { | ||
variables.password = '***'; | ||
} | ||
event.context['_dd.graphql.variables'] = JSON.stringify(variables); | ||
} | ||
|
||
return event; | ||
}; | ||
``` | ||
## Referencias adicionales | ||
{{< partial name="whats-next/whats-next.html" >}} | ||
[1]: https://reactnavigation.org/ | ||
[2]: https://wix.github.io/react-native-navigation/api/events/#componentdidappear | ||
[3]: https://www.apollographql.com/docs/react/api/link/introduction/ |
37 changes: 37 additions & 0 deletions
37
...ent/es/real_user_monitoring/mobile_and_tv_monitoring/other_frameworks/_index.md
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,37 @@ | ||
--- | ||
aliases: | ||
- /es/real_user_monitoring/ios/swiftui/ | ||
- /es/real_user_monitoring/flutter/otel_support/ | ||
- /es/real_user_monitoring/reactnative/expo/ | ||
- /es/real_user_monitoring/reactnative/codepush/ | ||
further_reading: | ||
- link: https://github.com/DataDog/dd-sdk-android | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-android | ||
- link: https://github.com/DataDog/dd-sdk-ios | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-ios | ||
- link: https://github.com/DataDog/dd-sdk-flutter | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-flutter | ||
- link: https://github.com/DataDog/dd-sdk-reactnative | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-reactnative | ||
- link: https://github.com/DataDog/dd-sdk-roku | ||
tag: Código fuente | ||
text: Código fuente de dd-sdk-roku | ||
- link: /real_user_monitoring | ||
tag: Documentación | ||
text: Explorar RUM de Datadog | ||
title: Otros marcos | ||
type: multi-code-lang | ||
--- | ||
|
||
|
||
## Referencias adicionales | ||
|
||
{{< partial name="whats-next/whats-next.html" >}} | ||
|
||
[1]: /es/real_user_monitoring/browser/setup/#npm | ||
[2]: /es/real_user_monitoring/ios/ | ||
[3]: https://docs.datadoghq.com/es/logs/log_collection/ios |
8 changes: 8 additions & 0 deletions
8
content/es/real_user_monitoring/mobile_and_tv_monitoring/setup/_index.md
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,8 @@ | ||
--- | ||
title: Configuración de monitorización de móviles y TV | ||
type: multi-code-lang | ||
--- | ||
|
||
Para obtener información sobre la configuración de monitorización de RUM para tu aplicación, elige una plataforma: | ||
|
||
{{< partial name="rum/rum-getting-started-mobile-setup.html" >}} |
Oops, something went wrong.