Skip to content

Commit

Permalink
Translation Pipeline PR (#24683)
Browse files Browse the repository at this point in the history
* 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
guacbot authored Aug 16, 2024
1 parent a94292c commit 6baf6ae
Show file tree
Hide file tree
Showing 20 changed files with 3,590 additions and 0 deletions.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

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

Large diffs are not rendered by default.

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
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
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/
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
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" >}}
Loading

0 comments on commit 6baf6ae

Please sign in to comment.