Lokalisierter Leseleitfaden

applicationinsights-web-tsZweck, Verwendung und Quelle

Instrumentbrowser/webApps mit dem Application Insights JavaScript SDK (@microsoft/applicationinsights-webVerwendung für Real User Monitoring (RUM) – Seitenaufrufe, Klicks,AJAX/fetchAbhängigkeiten, Ausnahmen, benutzerdefinierte Ereignisse und browserseitige GenAI-Agenten-Traces, die mit Backend-OpenTelemetry-Traces korreliert sind. Beinhaltet SDK-Loader-Skript und npm-Setup, Framework-Erweiterungen (React, React Native, Angular), Klickanalyse, Telemetrie-Initialisierer und semantische Konventionen von OTel GenAI.agent/tool/modelVom Browser ausgegebene Spans.

Quelle abgerufen: 2026-10-29

Quell-Repository: microsoft/skills
SKILL.md: .github/skills/applicationinsights-web-ts/SKILL.md
Repository-Sterne: 3,157
Repository zuletzt aktualisiert: 2026-10-31
Fähigkeitskategorien: Entwicklung
Letzte Datenerfassung: 2026-10-31 10:38 UTC+08:00

Lizenz: MIT

Original SKILL.md

Die Workflow-Auszüge dienen als Lesehilfe und sind keine ausführbaren Anweisungen von Codez. Für die Erstellung dieser Seite wurde keine Drittanbieter-Skill verwendet.

Die folgenden Abschnitte zu Zweck und Arbeitsablauf sind vorgelagertes Material, das zur besseren Lesbarkeit aufbereitet und übersetzt wurde. Sie unterscheiden sich von der separat gekennzeichneten redaktionellen Analyse von Codez.

Was diese Fähigkeit bewirkt

Wie der vorgelagerte Workflow funktioniert

Schnellstart (npm)

AnrufloadAppInsights()genau einmal, so früh wie möglich (vor den Benutzerinteraktionen, die Sie erfassen möchten). DanntrackPageView()für die Erstlast - wennenableAutoRouteTrackingWenn die Option aktiviert ist, erfolgen nachfolgende Routenänderungen automatisch.

Aufwärtspassage · L59 ↗

Schnellstart (SDK-Ladeskript)

Empfohlen, wenn Sie ein automatisch aktualisiertes SDK und eine Build-Pipeline ohne weitere Anpassungen wünschen. Fügen Sie dies als erstes ein. in : Loader-only API (queued until SDK loads): trackEvent, trackPageView, trackException, trackTrace, trackDependencyData, Trackmetrik, trackPageViewPerformance, startTrackPage, stopTrackPage, startTrackEvent, stopTrackEvent, addTelemetryInitialisierer, setAuthenticatedUserContext, clearAuthenticatedUserContext, Spülung.

Aufwärtspassage · L84 ↗

Application Insights JavaScript SDK (Web) für TypeScript

Real User Monitoring (RUM) für Browser-Apps mit@microsoft/applicationinsights-webAutomatische Erfassung von Seitenaufrufen,AJAX/fetchAbhängigkeiten, unbehandelte Ausnahmen und (mit dem Click Analytics-Plugin) Klicks werden unterstützt. Ebenso werden benutzerdefinierte Ereignisse, Metriken und GenAI-Agenten-Traces unterstützt, die den semantischen Konventionen von OpenTelemetry GenAI folgen und über W mit Backend-Spans korrelieren.3C Trace-Kontext. > Unterschiedlich vonazure-monitor-opentelemetry-ts, was fürNode.jsServeranwendungen. Diese Fähigkeit ist fürbrowser/webCode (und React Native).

Aufwärtspassage · L11 ↗

Anforderungen und Einrichtung

Installation

Die Schreibmaschinen werden im Paket mitgeliefert – keine separate Lieferung.@types/...Installation erforderlich.

Aufwärtspassage · L38 ↗

Aufwärtspassage · 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

Grenzwerte und Qualitätskontrollen

Häufige Fallstricke

Initialisieren Sie das Modul nicht zweimal. Das erneute Importieren des Moduls unter verschiedenen Bundles führt zu doppelten Seitenaufrufen. Verwenden Sie einen einzigen gemeinsamen Modulexport. Initialisieren Sie das Modul vor der ersten Benutzereingabe, um Datenverlust zu vermeiden.clicks/exceptions.

Aufwärtspassage · L412 ↗

Beginnen Sie mit einem sicheren Testlauf

Prüfen Sie den unterstützten Host und die Installationsanweisungen für das Repository. Halten Sie das Skill-Verzeichnis und die darin enthaltenen Skripte, Assets und Dokumentationen zusammen;SKILL.mdEine Einzelperson kann Abhängigkeiten außer Acht lassen.
Geben Sie dem Agenten Ihre tatsächlichen Eingaben, die gewünschten Ausgaben und die Akzeptanzkriterien an. Aufrufsyntax und verfügbare Tools hängen vom Hostsystem ab; diese Website geht nicht von einem universellen Installationsbefehl aus.
Testen Sie den Quellworkflow in einem temporären Projekt oder auf einer Kopie. Überprüfen Sie Vorgänge, die Dateien, Remote-Dienste oder abrechnungsfähige Ressourcen ändern, bevor Sie diese zulassen.
Überprüfen Sie die Ausgabe anhand der Quellqualitätsprüfungen und Ihrer eigenen Anforderungen. Ein erfolgreicher Trigger oder eine hohe Anzahl von Sternen im Repository garantiert kein korrektes Ergebnis.

Spezifikation des Kompetenzformats und des Verzeichnisses ↗

Lesen Sie mehr dazu in der Quelle.

Übersetzung und Umfang

Dieser Leseleitfaden wählt Passagen aus dem markierten stromaufwärts gelegenen Abschnitt aus.SKILL.mdDie Übersetzung wurde unterstützt. Es handelt sich weder um ein vollständiges Handbuch noch um eine Garantie für geprüfte Kompatibilität. Lesen Sie vor der Verwendung das Original und die darin referenzierten Dateien.

Diese Einleitung bezieht sich auf die unten angepinnte Version; die aktuelle Repository-Aktivität und der Erfassungszeitpunkt werden separat angezeigt.

Angeheftete Quelle: Lesen Sie das Original ↗
Quelle abgerufen: 2026-10-29T09:32:23Z
Source-Commit: 00d66a64919edca5bca2c673373444e36a4b5461
Quelle SHA-256: 05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d

Zurück zum vollständigen Kompetenzkatalog