Panduan membaca yang dilokalisasi

applicationinsights-web-tsTujuan, penggunaan, dan sumber

Instrumenbrowser/webaplikasi dengan SDK JavaScript Application Insights (@microsoft/applicationinsights-web). Digunakan untuk Pemantauan Pengguna Nyata (RUM) — tampilan halaman, klik,AJAX/fetchKetergantungan, pengecualian, peristiwa khusus, dan jejak agen GenAI sisi browser yang berkorelasi dengan jejak OpenTelemetry backend. Mencakup Skrip Pemuat SDK dan pengaturan npm, ekstensi kerangka kerja (React, React Native, Angular), Analisis Klik, penginisialisasi telemetri, dan konvensi semantik OTel GenAI untukagent/tool/modelspan yang dipancarkan dari browser.

Sumber diambil: 2026-10-29

Repositori sumber: microsoft/skills
SKILL.md: .github/skills/applicationinsights-web-ts/SKILL.md
Bintang Repositori: 3,157
Pembaruan terakhir repositori: 2026-10-31
Klasifikasi Kemampuan: Pengembangan
Waktu pengumpulan terbaru: 2026-10-31 10:38 UTC+08:00

Lisensi: MIT

SKILL.md asli

Cuplikan alur kerja adalah alat bantu baca, bukan instruksi yang dapat dieksekusi dari Codez. Tidak ada Skill pihak ketiga yang dijalankan untuk menghasilkan halaman ini.

Bagian yang menjelaskan tujuan dan alur kerja di bawah ini merupakan materi dari hulu, yang telah diorganisir dan diterjemahkan untuk dibaca. Bagian ini berbeda dari analisis editorial Codez yang diberi label secara terpisah.

Apa yang dilakukan oleh Skill ini?

Bagaimana alur kerja hulu bekerja

Panduan Cepat (npm)

PanggilanloadAppInsights()tepat sekali, sedini mungkin (sebelum interaksi pengguna yang ingin Anda lacak). KemudiantrackPageView()untuk beban awal — ketikaenableAutoRouteTrackingJika diaktifkan, perubahan rute selanjutnya akan otomatis.

Jalur hulu · L59 ↗

Panduan Memulai Cepat (Skrip Pemuat SDK)

Disarankan jika Anda menginginkan SDK yang diperbarui secara otomatis dan tanpa pipeline build. Tempelkan ini sebagai pertama in : Loader-only API (queued until SDK loads): lacakAcara, lacakTampilanHalaman, trackException, lacak, lacakDataKetergantungan, lacakMetrik, lacakKinerjaTampilanHalaman, MulaiLacakHalaman, stopTrackPage, mulaiLacakAcara, stopTrackEvent, addTelemetryInitializer, setAuthenticatedUserContext, clearAuthenticatedUserContext, siram.

Jalur hulu · L84 ↗

Application Insights JavaScript SDK (Web) untuk TypeScript

Pemantauan Pengguna Nyata (RUM) untuk aplikasi peramban dengan@microsoft/applicationinsights-webMengumpulkan tampilan halaman secara otomatis,AJAX/fetchKetergantungan, pengecualian yang tidak ditangani, dan (dengan plugin Click Analytics) klik. Mendukung peristiwa khusus, metrik, dan jejak agen GenAI yang mengikuti konvensi semantik OpenTelemetry GenAI dan berkorelasi dengan rentang backend melalui W.3C Lacak Konteks. > Berbeda dariazure-monitor-opentelemetry-ts, yang untukNode.jsAplikasi server. Keterampilan ini untukbrowser/webkode (dan React Native).

Jalur hulu · L11 ↗

Persyaratan dan pengaturan

Instalasi

Hasil ketikan dikirim bersama paket — tidak terpisah.@types/...Instalasi diperlukan.

Jalur hulu · L38 ↗

Jalur hulu · 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

Batasan dan pemeriksaan kualitas

Jebakan Umum

Jangan melakukan inisialisasi dua kali. Mengimpor ulang modul di bawah bundel yang berbeda akan menghasilkan tampilan halaman ganda. Gunakan ekspor modul bersama tunggal. Lakukan inisialisasi sebelum input pengguna pertama untuk menghindari hilangnya data awal.clicks/exceptions.

Jalur hulu · L412 ↗

Mulailah dengan uji coba yang aman.

Periksa host yang didukung dan petunjuk instalasi repositori. Simpan direktori Skill beserta skrip, aset, dan dokumentasi yang dirujuk di dalamnya secara bersamaan;SKILL.mdsendirian dapat menghilangkan dependensi.
Berikan input sebenarnya, output yang diinginkan, dan kriteria penerimaan kepada agen. Sintaks pemanggilan dan alat yang tersedia bergantung pada host; situs ini tidak mengasumsikan perintah instalasi universal.
Cobalah alur kerja sumber dalam proyek sementara atau pada salinannya. Tinjau operasi yang mengubah file, layanan jarak jauh, atau sumber daya yang dapat ditagih sebelum mengizinkannya.
Validasi output terhadap pemeriksaan kualitas sumber dan persyaratan Anda sendiri. Pemicu yang berhasil atau jumlah bintang repositori yang tinggi tidak menjamin hasil yang benar.

Spesifikasi format dan direktori keterampilan ↗

Baca selengkapnya di sumber aslinya.

Terjemahan dan ruang lingkup

Panduan membaca ini memilih bagian-bagian dari teks yang telah disematkan di bagian atas.SKILL.mdTerjemahan ini dibantu. Ini bukan manual lengkap atau klaim kompatibilitas yang telah diuji. Bacalah dokumen asli dan file referensinya sebelum digunakan.

Pendahuluan ini mengacu pada versi yang disematkan di bawah ini; aktivitas repositori saat ini dan waktu pengumpulan ditampilkan secara terpisah.

Sumber yang disematkan: Baca teks aslinya ↗
Sumber diambil: 2026-10-29T09:32:23Z
Komit sumber: 00d66a64919edca5bca2c673373444e36a4b5461
Sumber SHA-256: 05ec3512a9d20bbc1e63aebc1e721ecfc26be2c0332e3e9affb6e6975e3f657d

Kembali ke katalog Keterampilan lengkap