Guia de leitura localizado

applicationinsights-web-tsFinalidade, utilização e fonte

Instrumentobrowser/webaplicativos com o SDK JavaScript do Application Insights (@microsoft/applicationinsights-web). Use para monitoramento de usuários reais (RUM) — visualizações de página, cliques,AJAX/fetchDependências, exceções, eventos personalizados e rastreamentos do agente GenAI no navegador correlacionados com rastreamentos do OpenTelemetry no backend. Abrange o script de carregamento do SDK e a configuração do npm, extensões de framework (React, React Native, Angular), Click Analytics, inicializadores de telemetria e convenções semânticas do OTel GenAI.agent/tool/modeltrechos emitidos pelo navegador.

Fonte recuperada: 2026-10-29

Repositório de origem: microsoft/skills
SKILL.md: .github/skills/applicationinsights-web-ts/SKILL.md
Estrelas do repositório: 3,157
Atualização do repositório: 2026-10-31
Classificação de Habilidades: Desenvolvimento
Última coleta: 2026-10-31 10:38 UTC+08:00

Licença: MIT

SKILL.md original

Os trechos do fluxo de trabalho são auxiliares de leitura e não instruções executáveis do Codez. Nenhuma Skill de terceiros foi executada para gerar esta página.

Os trechos abaixo, que descrevem o propósito e o fluxo de trabalho, são material original, organizado e traduzido para facilitar a leitura. Eles são distintos da análise editorial da Codez, que possui uma etiqueta separada.

O que esta habilidade faz

Como funciona o fluxo de trabalho upstream

Início rápido (npm)

ChamarloadAppInsights()exatamente uma vez, o mais cedo possível (antes das interações do usuário que você deseja rastrear). EntãotrackPageView()para a carga inicial — quandoenableAutoRouteTrackingSe estiver ativado, as alterações de rota subsequentes serão automáticas.

Passagem a montante · L59 ↗

Início rápido (script de carregamento do SDK)

Recomendado quando você deseja um SDK com atualização automática e um pipeline de compilação zero. Cole isso como o primeiro in : Loader-only API (queued until SDK loads): evento de rastreamento, trackPageView, trackException, rastreamento, dadosDeDependênciaDeRastreamento, trackMetric, trackPageViewPerformance, Página inicial de rastreamento, stopTrackPage, evento de rastreamento de início, evento de parada da trilha, adicionarInicializador de Telemetria, setAuthenticatedUserContext, clearAuthenticatedUserContext, descarga.

Passagem a montante · L84 ↗

SDK JavaScript do Application Insights (Web) para TypeScript

Monitoramento de Usuários Reais (RUM) para aplicativos de navegador com@microsoft/applicationinsights-webColeta automaticamente visualizações de página.AJAX/fetchDependências, exceções não tratadas e (com o plugin Click Analytics) cliques. Suporta eventos personalizados, métricas e rastreamentos de agentes GenAI que seguem as convenções semânticas do OpenTelemetry GenAI e se correlacionam com os spans de backend via W3Contexto de rastreamento C. > Distinto deazure-monitor-opentelemetry-ts, que é paraNode.jsaplicativos de servidor. Esta habilidade é parabrowser/webcódigo (e React Native).

Passagem a montante · L11 ↗

Requisitos e configuração

Instalação

Os documentos digitados são enviados junto com o pacote — não são enviados separadamente.@types/...Instalação necessária.

Passagem a montante · L38 ↗

Passagem a montante · bash ↗

npm i --save @microsoft/applicationinsights-web
# Optional plugins (install only what you use):
npm i --save @microsoft/applicationinsights-clickanalytics-js
npm i --save @microsoft/applicationinsights-react-js @microsoft/applicationinsights-react-native @microsoft/applicationinsights-angularplugin-js

Limites e verificações de qualidade

Armadilhas comuns

Não inicialize duas vezes. Reimportar o módulo em pacotes diferentes gera visualizações de página duplicadas. Use uma única exportação de módulo compartilhado. Inicialize antes da primeira interação do usuário para evitar a perda de dados iniciais.clicks/exceptions.

Passagem a montante · L412 ↗

Comece com um teste seguro.

Verifique o host compatível e as instruções de instalação do repositório. Mantenha o diretório Skill e seus scripts, recursos e documentação referenciados juntos;SKILL.mdsozinho pode omitir dependências.
Forneça ao agente suas entradas reais, a saída desejada e os critérios de aceitação. A sintaxe de invocação e as ferramentas disponíveis dependem do host; este site não pressupõe um comando de instalação universal.
Teste o fluxo de trabalho original em um projeto descartável ou em uma cópia. Analise as operações que alteram arquivos, serviços remotos ou recursos faturáveis antes de permiti-las.
Valide o resultado comparando-o com as verificações de qualidade da fonte e com seus próprios requisitos. Um gatilho bem-sucedido ou uma alta contagem de estrelas no repositório não garantem um resultado correto.

Especificação de formato e diretório de habilidades ↗

Tradução e escopo

Este guia de leitura seleciona trechos do texto fixado a montante.SKILL.mdA tradução foi feita com auxílio de ferramentas. Este não é um manual completo nem garante compatibilidade comprovada. Leia o original e os arquivos referenciados antes de usar.

Esta introdução refere-se à versão fixada abaixo; a atividade atual do repositório e o tempo de coleta são mostrados separadamente.

Fonte fixada: Leia o original ↗
Fonte recuperada: 2026-10-29T09:32:23Z
Commit de origem: 00d66a64919edca5bca2c673373444e36a4b5461
Fonte SHA-256: 05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d

Voltar ao catálogo completo de habilidades