Локализованное руководство по чтению

applicationinsights-web-tsНазначение, использование и источник

Инструментbrowser/webприложения с использованием JavaScript SDK Application Insights (@microsoft/applicationinsights-webИспользуйте для мониторинга реальных пользователей (RUM) — просмотры страниц, клики,AJAX/fetchЗависимости, исключения, пользовательские события и трассировки агента GenAI на стороне браузера, сопоставленные с трассировками OpenTelemetry на стороне бэкэнда. Рассматриваются скрипт загрузчика SDK и настройка npm, расширения фреймворков (React, React Native, Angular), аналитика кликов, инициализаторы телеметрии и семантические соглашения OTel GenAI.agent/tool/modelтеги <span>, генерируемые браузером.

Источник получен: 2026-10-29

Репозиторий-источник: microsoft/skills
SKILL.md: .github/skills/applicationinsights-web-ts/SKILL.md
Звёзды репозитория: 3,157
Последнее обновление репозитория: 2026-10-31
Категории Skills: Разработка
Время последнего сбора: 2026-10-31 10:38 UTC+08:00

Лицензия: MIT

Оригинальный файл SKILL.md

Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.

Приведённые ниже фрагменты, описывающие цели и рабочие процессы, представляют собой исходный материал, систематизированный и переведённый для удобства чтения. Они отличаются от отдельно обозначенного редакционного анализа Codez.

Что делает этот навык

Как работает рабочий процесс на вышестоящем уровне

Быстрый старт (npm)

ВызовloadAppInsights()ровно один раз, как можно раньше (до тех взаимодействий с пользователями, которые вы хотите отслеживать). ЗатемtrackPageView()для первоначальной нагрузки — когдаenableAutoRouteTrackingЕсли включена функция автоматического изменения маршрута, последующие изменения маршрута происходят автоматически.

проход вверх по течению · L59 ↗

Быстрый старт (скрипт загрузки SDK)

Рекомендуется, если вам нужен автоматически обновляемый SDK и нулевой конвейер сборки. Вставьте это в качестве первого in : Loader-only API (queued until SDK loads): трекСобытие, trackPageView, trackException, трекТрейс, trackDependencyData, трекМетрика, trackPageViewPerformance, startTrackPage, stopTrackPage, startTrackEvent, stopTrackEvent, addTelemetryInitializer, setAuthenticatedUserContext, clearAuthenticatedUserContext, смыть.

проход вверх по течению · L84 ↗

Application Insights JavaScript SDK (Web) для TypeScript

Мониторинг реальных пользователей (RUM) для браузерных приложений с@microsoft/applicationinsights-webАвтоматически собирает данные о просмотрах страниц.AJAX/fetchЗависимости, необработанные исключения и (с плагином Click Analytics) клики. Поддерживает пользовательские события, метрики и трассировки агентов GenAI, которые соответствуют семантическим соглашениям OpenTelemetry GenAI и коррелируют с данными бэкэнда через W.3Контекст трассировки C. > Отличается отazure-monitor-opentelemetry-ts, который предназначен дляNode.jsСерверные приложения. Этот навык предназначен дляbrowser/webкод (и React Native).

проход вверх по течению · L11 ↗

Требования и настройка

Установка

Набор текста поставляется в комплекте — отдельно не продаётся.@types/...Требуется установка.

проход вверх по течению · L38 ↗

проход вверх по течению · 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

Ограничения и проверки качества

Распространенные ошибки

Не инициализируйте модуль дважды. Повторный импорт модуля в разные пакеты приводит к дублированию просмотров страниц. Используйте один общий экспорт модуля. Инициализируйте модуль до первого ввода данных пользователем, чтобы избежать потери данных на ранних этапах.clicks/exceptions.

проход вверх по течению · L412 ↗

Начните с безопасного пробного периода.

Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.

Формат навыков и спецификация каталога ↗

Подробнее читайте в источнике.

Перевод и сфера применения

В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.

Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.

Закрепленный источник: Прочитайте оригинал ↗
Источник получен: 2026-10-29T09:32:23Z
Исходный коммит: 00d66a64919edca5bca2c673373444e36a4b5461
Исходный SHA-256: 05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d

Вернуться к полному каталогу навыков