-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[pt] Localize content/pt/docs/languages/js/getting-started/ #5415
base: main
Are you sure you want to change the base?
[pt] Localize content/pt/docs/languages/js/getting-started/ #5415
Conversation
Hey @leandrocarpenter, um detalhe antes de conseguirmos revisar seu PR:
Pode nos avisar por aqui (ou slack) quando isso tiver sido feito, por favor? Obrigado! |
O Node SDK permite que você inicialize o OpenTelemetry com várias configurações | ||
padrões que são corretos para a maioria dos casos de uso. | ||
|
||
O `auto-instrumentação-node` pacote instala as bibliotecas de instrumentação que irão criar automaticamente Trechos correspondentes ao código chamado em bibliotecas. Neste caso, ele fornece instrumentação parao Express, permitindo que o aplicativo de exemplo crie automaticamente intervalos para cada solicitação recebida. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
O `auto-instrumentação-node` pacote instala as bibliotecas de instrumentação que irão criar automaticamente Trechos correspondentes ao código chamado em bibliotecas. Neste caso, ele fornece instrumentação parao Express, permitindo que o aplicativo de exemplo crie automaticamente intervalos para cada solicitação recebida. | |
O `auto-instrumentação-node` pacote instala as bibliotecas de instrumentação que irão criar automaticamente Trechos correspondentes ao código chamado em bibliotecas. Neste caso, ele fornece instrumentação para o Express, permitindo que o aplicativo de exemplo crie automaticamente intervalos para cada solicitação recebida. |
npx parcel index.html | ||
``` | ||
|
||
e abra o servidor de desenvolvimento web (e.g. at `http://localhost:1234`) para ver se o seu código funciona. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
e abra o servidor de desenvolvimento web (e.g. at `http://localhost:1234`) para ver se o seu código funciona. | |
E abra o servidor de desenvolvimento web (e.g. at `http://localhost:1234`) para ver se o seu código funciona. |
Esse e
deveria ser maiúsculo ou minusculo?
backend de rastreamento. Seguir [estas instruções](../../exporters) para configurar um | ||
backend e exportador. | ||
|
||
Você também pode querer usar o `BatchSpanProcessor` para exportar trechos em lotes para usar os recursos de forma mais eficiente.. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Você também pode querer usar o `BatchSpanProcessor` para exportar trechos em lotes para usar os recursos de forma mais eficiente.. | |
Você também pode querer usar o `BatchSpanProcessor` para exportar trechos em lotes para usar os recursos de forma mais eficiente. |
ao seguinte trecho de código: | ||
|
||
```js | ||
/* document-load.ts|js file - the code is the same for both the languages */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
/* document-load.ts|js file - the code is the same for both the languages */ | |
/* document-load.ts|js arquivo - o código é o mesmo para ambas as linguagens */ |
provider.addSpanProcessor(new SimpleSpanProcessor(new ConsoleSpanExporter())); | ||
|
||
provider.register({ | ||
// Changing default contextManager to use ZoneContextManager - supports asynchronous operations - optional |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
// Changing default contextManager to use ZoneContextManager - supports asynchronous operations - optional | |
// Alterando o contextManager padrão para usar ZoneContextManager - oferece suporte para operações assíncronas - opcional |
contextManager: new ZoneContextManager(), | ||
}); | ||
|
||
// Registering instrumentations |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
// Registering instrumentations | |
// Registrando instrumentações |
Se você quiser instrumentar solicitações Ajax, interações do usuário e outros, você pode | ||
registrar instrumentações adicionais para eles: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Se você quiser instrumentar solicitações Ajax, interações do usuário e outros, você pode | |
registrar instrumentações adicionais para eles: | |
Caso deseje instrumentar solicitações Ajax, interações do usuário e outros, é possível registrar instrumentações adicionais para esses elementos: |
Acha que assim fica melhor?
|
||
Agora você pode executar seu aplicativo normalmente, mas, você pode usar o | ||
`--require` sinalizador para carregar a instrumentação antes dos códigos de aplicação. Certifique-se | ||
de que vocÊ não tem outros conflitos `--require` sinalizar como |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
de que vocÊ não tem outros conflitos `--require` sinalizar como | |
de que você não tem outros conflitos `--require` sinalizar como |
|
||
{{% /tab %}} {{< /tabpane >}} | ||
|
||
Abra <http://localhost:8080/rolldice> no seu navegador e recarregue a página |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Abra <http://localhost:8080/rolldice> no seu navegador e recarregue a página | |
Acesse <http://localhost:8080/rolldice> no seu navegador e recarregue a página |
Mesmo caso do comentário anterior.
|
||
O intervalo gerado rastreia o tempo de vida de uma solicitação para a `/rolldice` rota. | ||
|
||
Envie mais algumas solicitações para o endpoint. Depois de um momento, você verá métricas na saída do console, como o seguinte: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Envie mais algumas solicitações para o endpoint. Depois de um momento, você verá métricas na saída do console, como o seguinte: | |
Envie mais algumas solicitações para o endpoint. Depois de um tempo, você verá métricas na saída do console, como o seguinte: |
Talvez tempo faça mais sentido.
[exporte seus dados de telemetria](/docs/languages/js/exporters) para um ou mais | ||
backends de telemetria. | ||
|
||
Se você quiser explorar um exemplo mais complexo, dê uma olhada no |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Se você quiser explorar um exemplo mais complexo, dê uma olhada no | |
Se você quiser explorar um exemplo mais complexo, dê uma olhada em |
backends de telemetria. | ||
|
||
Se você quiser explorar um exemplo mais complexo, dê uma olhada no | ||
[Demonstração OpenTelemetry ](/docs/demo/), que inclui o JavaScript baseado |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[Demonstração OpenTelemetry ](/docs/demo/), que inclui o JavaScript baseado | |
[Demonstração OpenTelemetry](/docs/demo/), que inclui o JavaScript baseado |
|
||
## Soluções de Problemas | ||
|
||
Algo deu errado ? Você pode habilitar o registro de diagnóstico para validar que o |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Algo deu errado ? Você pode habilitar o registro de diagnóstico para validar que o | |
Algo deu errado? Você pode habilitar o registro de diagnóstico para validar que o |
/*instrumentation.ts*/ | ||
import { diag, DiagConsoleLogger, DiagLogLevel } from "@opentelemetry/api"; | ||
|
||
// For troubleshooting, set the log level to DiagLogLevel.DEBUG |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
// For troubleshooting, set the log level to DiagLogLevel.DEBUG | |
// Para solução de problemas, defina o nível de log como DiagLogLevel.DEBUG |
|
||
```js | ||
/*instrumentation.js*/ | ||
// Require dependencies |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
// Require dependencies | |
// Requer dependências |
// Require dependencies | ||
const { diag, DiagConsoleLogger, DiagLogLevel } = require("@opentelemetry/api"); | ||
|
||
// For troubleshooting, set the log level to DiagLogLevel.DEBUG |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
// For troubleshooting, set the log level to DiagLogLevel.DEBUG | |
// Para solução de problemas, defina o nível de log como DiagLogLevel.DEBUG |
{{% /tab %}} {{< /tabpane >}} | ||
|
||
[Rastros]: /docs/concepts/signals/traces/ | ||
[Metricas]: /docs/concepts/signals/metrics/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[Metricas]: /docs/concepts/signals/metrics/ | |
[Métricas]: /docs/concepts/signals/metrics/ |
@leandrocarpenter deixei meu comentário. |
|
||
Enquanto este guia utiliza o exemplo de aplicação apresentado abaixo, os passos para instrumentar sua própria aplicação devem ser similares. | ||
|
||
## Pré-requisitos |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Pré-requisitos | |
## Pré-requisitos {#prerequisites} |
Adiciona ancora
- [TypeScript](https://www.typescriptlang.org/download), se você for usar | ||
TypeScript. | ||
|
||
## Exemplo de Aplicação |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Exemplo de Aplicação | |
## Exemplo de Aplicação {#example-application} |
</html> | ||
``` | ||
|
||
### Instalação |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Instalação | |
### Instalação {#installation} |
@opentelemetry/context-zone | ||
``` | ||
|
||
### Inicialização e Configuração |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Inicialização e Configuração | |
### Inicialização e Configuração {#initialization-and-configuration} |
|
||
Implementaremos código para monitorar os tempos de carregamento do documento e relatar esses dados como Spans OpenTelemetry. | ||
|
||
### Criando um Provedor de Rastros |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Criando um Provedor de Rastros | |
### Criando um Provedor de Rastros {#creating-a-tracer-provider} |
|
||
Ainda não haverá saída de rastros, para isso precisamos adicionar um exportador. | ||
|
||
### Criando um Exportador |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Criando um Exportador | |
### Criando um Exportador {#creating-an-exporter} |
} | ||
``` | ||
|
||
### Adicionar Instrumentações |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Adicionar Instrumentações | |
### Adicionar Instrumentações {#add-instrumentations} |
}); | ||
``` | ||
|
||
## Meta Pacotes para Web |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Meta Pacotes para Web | |
## Meta Pacotes para Web {#meta-packages-for-web} |
abaixo. Olhe [aqui](/docs/languages/js) para mais informações sobre o status do | ||
OpenTelemetry em JavaScript. {{% /alert %}} | ||
|
||
## Pré-requisitos |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Pré-requisitos | |
## Pré-requisitos {#prerequisites} |
- [TypeScript](https://www.typescriptlang.org/download), se você for usar | ||
TypeScript. | ||
|
||
## Exemplo de aplicação |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Exemplo de aplicação | |
## Exemplo de aplicação {#example-application} |
|
||
{{% /tab %}} {{< /tabpane >}} | ||
|
||
### Crie e inicie um servidor HTTP |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Crie e inicie um servidor HTTP | |
### Crie e inicie um servidor HTTP {#create-and-launch-an-http-server} |
|
||
{{% /tab %}} {{< /tabpane >}} | ||
|
||
## Instrumentação |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Instrumentação | |
## Instrumentação {#instrumentation} |
A seguir mostramos como instalar, iniciar, e rodar o aplicativo | ||
instrumentado com OpenTelemetry. | ||
|
||
### Mais dependências |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Mais dependências | |
### Mais dependências {#more-dependencies} |
Para encontrar todos os módulos de auto-instrumentação, você pode olhar o | ||
[registro](/ecosystem/registry/?language=js&component=instrumentation). | ||
|
||
### Configurar |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Configurar | |
### Configurar {#setup} |
|
||
{{% /tab %}} {{< /tabpane >}} | ||
|
||
## Execute o aplicativo instrumentado |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Execute o aplicativo instrumentado | |
## Execute o aplicativo instrumentado {#run-the-instrumented-app} |
|
||
</details> | ||
|
||
## Próximos passos |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Próximos passos | |
## Próximos passos {#next-steps} |
[Serviço de Pagamento](/docs/demo/services/payment/) e o TypeScript baseado | ||
[Serviço de Frontend](/docs/demo/services/frontend/). | ||
|
||
## Soluções de Problemas |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Soluções de Problemas | |
## Soluções de Problemas {#troubleshooting} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Obrigada pela contribuição!
Parece que alguma ferramenta está sendo utilizada para estas traduções, não há problema em utilizar, mas dê uma lida com bastante cuidado no resultado final, pois há alguns falsos cognatos que acabam não fazendo sentido.
Também existem alguns termos que não devem ser traduzidos, eles estão listados aqui
--- | ||
title: Navegador | ||
aliases: [/docs/js/getting_started/browser] | ||
description: Aprenda como adicionar OpenTelemetry para seu aplicativo de navegador |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
description: Aprenda como adicionar OpenTelemetry para seu aplicativo de navegador | |
description: Aprenda como adicionar OpenTelemetry para sua aplicação de navegador |
{{% alert title="Warning" color="warning" %}} | ||
{{% _param notes.browser-instrumentation %}} {{% /alert %}} | ||
|
||
Enquanto este guia utiliza o exemplo de aplicação apresentado abaixo, os passos para instrumentar sua própria aplicação devem ser similares. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Enquanto este guia utiliza o exemplo de aplicação apresentado abaixo, os passos para instrumentar sua própria aplicação devem ser similares. | |
Enquanto este guia utiliza aplicação de exemplo apresentada abaixo, os passos para instrumentar sua própria aplicação devem ser similares. |
<!-- | ||
https://www.w3.org/TR/trace-context/ | ||
Defina o `traceparent` no código do template HTML do servidor. | ||
Ele deve ser gerado dinamicamente no lado do servidor para conter o |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ele deve ser gerado dinamicamente no lado do servidor para conter o | |
Ele deve ser gerado dinamicamente pelo servidor para conter o |
https://www.w3.org/TR/trace-context/ | ||
Defina o `traceparent` no código do template HTML do servidor. | ||
Ele deve ser gerado dinamicamente no lado do servidor para conter o | ||
trace Id da requisição do servidor, um span Id de pai que foi definido |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
trace Id da requisição do servidor, um span Id de pai que foi definido | |
Id do rastro da requisição do servidor, o Id do trecho pai que foi definido |
Defina o `traceparent` no código do template HTML do servidor. | ||
Ele deve ser gerado dinamicamente no lado do servidor para conter o | ||
trace Id da requisição do servidor, um span Id de pai que foi definido | ||
no span de requisição do servidor, e as flags de rastreamento para |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
no span de requisição do servidor, e as flags de rastreamento para | |
no trecho de requisição do servidor, e as flags de rastreamento para |
|
||
Se você quiser explorar um exemplo mais complexo, dê uma olhada no | ||
[Demonstração OpenTelemetry ](/docs/demo/), que inclui o JavaScript baseado | ||
[Serviço de Pagamento](/docs/demo/services/payment/) e o TypeScript baseado |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[Serviço de Pagamento](/docs/demo/services/payment/) e o TypeScript baseado | |
[Serviço de Pagamento](/docs/demo/services/payment/) em JavaScript e o |
Se você quiser explorar um exemplo mais complexo, dê uma olhada no | ||
[Demonstração OpenTelemetry ](/docs/demo/), que inclui o JavaScript baseado | ||
[Serviço de Pagamento](/docs/demo/services/payment/) e o TypeScript baseado | ||
[Serviço de Frontend](/docs/demo/services/frontend/). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[Serviço de Frontend](/docs/demo/services/frontend/). | |
[Serviço de Frontend](/docs/demo/services/frontend/) em TypeScript. |
|
||
## Soluções de Problemas | ||
|
||
Algo deu errado ? Você pode habilitar o registro de diagnóstico para validar que o |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Algo deu errado ? Você pode habilitar o registro de diagnóstico para validar que o | |
Algo deu errado ? Você pode habilitar o _logging_ de diagnóstico para validar que o |
|
||
{{% /tab %}} {{< /tabpane >}} | ||
|
||
[Rastros]: /docs/concepts/signals/traces/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[Rastros]: /docs/concepts/signals/traces/ | |
[rastros]: /docs/concepts/signals/traces/ |
{{% /tab %}} {{< /tabpane >}} | ||
|
||
[Rastros]: /docs/concepts/signals/traces/ | ||
[Metricas]: /docs/concepts/signals/metrics/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[Metricas]: /docs/concepts/signals/metrics/ | |
[métricas]: /docs/concepts/signals/metrics/ |
@leandrocarpenter can you take a look at the feedback provided? Thanks |
Docs PR Checklist
Fixes #5323
opentelemetry.io repository.