Aktifkan tracing full-stack dengan menghubungkan browser monitoring ke ARMS - ARMS

Dalam Pemantauan Browser, meskipun Anda mengetahui waktu respons API, Anda tidak dapat memantau kinerja transmisi jaringan atau jejak dan kinerja layanan backend. Hal ini membuat penanganan kesalahan API dalam aplikasi menjadi kurang efisien. Fitur tracing depan-ke-belakang dapat mengatasi masalah ini dengan menghubungkan jejak frontend dan backend dari permintaan API untuk mereproduksi proses eksekusi kode.

Prasyarat

Agen ARMS harus diinstal menggunakan npm. Untuk informasi lebih lanjut, lihat Implementasikan Pemantauan Browser menggunakan npm.

Informasi latar belakang

Pemantauan Browser dan Pemantauan Aplikasi terhubung secara default. Anda dapat melihat jejak permintaan ujung ke ujung menggunakan fitur pemantauan browser dan tracing sesi. Jika Anda menggunakan protokol OpenTracing (trace ID open source, yaitu uber-trace-id), Anda harus secara manual menghubungkan konfigurasi JavaScript Pemantauan Browser dengan frontend dan backend Analisis Tracing. API failure list

Konfigurasikan parameter

Saat menginstal agen ARMS menggunakan npm, konfigurasikan parameter berikut:

const BrowserLogger = require('alife-logger');
const __bl = BrowserLogger.singleton({
    pid:"xxx",     // ID pod.
    appType:"web",
    enableLinkTrace:true,
    linkType: 'tracing', // Jenis tracing. Atur nilai menjadi tracing sehingga frontend dan backend Analisis Tracing dapat mengakses Pemantauan Browser.
    enableApiCors: true // Menentukan apakah permintaan dapat dikirim lintas domain dan apakah header dapat disesuaikan. Nilai default: false. Jika Anda mengatur parameter ini ke true, layanan backend harus mendukung permintaan lintas domain dan nilai header yang disesuaikan.
});

Atur parameter enableApiCors ke true. Dalam hal ini, layanan backend harus mendukung permintaan lintas domain dan nilai header yang disesuaikan. Jika tidak, permintaan akan gagal, seperti yang ditunjukkan pada gambar berikut. Request failed

Jika permintaan gagal, Anda dapat mengonfigurasi pengaturan berikut. Konfigurasi dalam aplikasi Node.js digunakan sebagai contoh.

// Mengizinkan akses lintas domain ke layanan.
app.all('*', function (req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type,uber-trace-id'); // Jika parameter linkType diatur ke tracing, nilai header harus mendukung uber-trace-id. Jika parameter linkType diatur ke arms, nilai header harus mendukung EagleEye-TraceID, EagleEye-SessionID, dan EagleEye-pAppName.
  res.header('Access-Control-Allow-Methods', '*');
  next();
});

Atur parameter enableLinkTrace ke true.
- Jika permintaan API dan domain web memiliki asal yang sama, pass-through traceId ditambahkan ke header secara default untuk mengimplementasikan analisis tracing frontend dan backend.
- Jika permintaan API dan domain web memiliki asal yang berbeda, Anda harus mengatur parameter enableApiCors ke true dan layanan backend harus mendukung permintaan lintas domain serta nilai header yang disesuaikan.
  Penting
  Pastikan semua permintaan dikoordinasikan dengan benar. Jika tidak, permintaan akan gagal. Jika permintaan gagal, Anda dapat mengonfigurasi parameter untuk menyelesaikan masalah, seperti yang ditunjukkan dalam contoh sebelumnya untuk aplikasi Node.js.
Atur parameter linkType ke tracing. Anda harus menentukan nilai enumerasi.
- Nilai default adalah arms. Untuk mengimplementasikan tracing depan-ke-belakang dengan pemantauan backend ARMS, gunakan nilai ini. Dalam hal ini, nilai header harus mendukung EagleEye-TraceID, EagleEye-SessionID, dan EagleEye-pAppName.
- Untuk mengimplementasikan tracing depan-ke-belakang dengan Analisis Tracing, atur parameter linkType ke tracing. Dalam hal ini, nilai header harus mendukung uber-trace-id.