Memantau aplikasi web

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Setelah memublikasikan aplikasi, Anda dapat memantaunya:

• Jika memublikasikan dengan Firebase Hosting, Anda dapat menautkan project Firebase ke Cloud Logging untuk memantau penggunaan dan mengakses log permintaan web. Pelajari lebih lanjut di Melihat, menelusuri, dan memfilter log permintaan web dengan Cloud Logging.

• Jika menggunakan App Prototyping agent untuk memublikasikan dengan Firebase App Hosting, Anda dapat menggunakan fitur kemampuan observasinya untuk memantau performa situs. Anda juga dapat menulis log ke Cloud Logging dan melihat log serta metrik di Firebase console.

• Jika menggunakan AI di aplikasi dengan Genkit, Anda dapat memantau cara fitur AI generatif berjalan dalam produksi.

Memantau performa situs Anda dengan kemampuan observasi App Hosting

Panel App overview App Hosting memberikan metrik dan informasi penting tentang aplikasi Anda, sehingga Anda dapat memantau performa aplikasi web menggunakan alat kemampuan observasi bawaan App Hosting. Setelah situs diluncurkan, Anda dapat mengakses ringkasan dengan mengklik Publish. Dari panel ini, Anda dapat:

• Mengklik Create rollout untuk merilis versi baru aplikasi Anda.
• Membagikan link ke aplikasi Anda atau membuka aplikasi Anda secara langsung di Visit your app.
• Meninjau ringkasan performa aplikasi Anda selama 7 hari terakhir, termasuk jumlah total permintaan dan status peluncuran terbaru Anda. Mengklik View details untuk mengakses informasi selengkapnya di Firebase console.
• Melihat grafik jumlah permintaan yang diterima aplikasi Anda selama 24 jam terakhir, yang dikelompokkan menurut kode status HTTP.

Jika menutup panel App overview, Anda dapat membukanya kembali kapan saja dengan mengklik Publish.

Pelajari lebih lanjut cara mengelola dan memantau peluncuran App Hosting di Mengelola peluncuran dan rilis.

Genkit Monitoring untuk fitur Anda yang di-deploy

Anda dapat memantau langkah, input, dan output fitur Genkit dengan mengaktifkan telemetri ke kode flow AI. Fitur telemetri Genkit memungkinkan Anda memantau performa dan penggunaan flow AI. Data ini dapat membantu Anda mengidentifikasi area yang perlu ditingkatkan, memecahkan masalah, mengoptimalkan perintah dan flow untuk performa dan efisiensi biaya yang lebih baik, serta melacak penggunaan flow Anda dari waktu ke waktu.

Untuk menyiapkan pemantauan di Genkit, tambahkan telemetri ke flow AI Genkit, lalu lihat hasilnya di Firebase console.

Langkah 1: Tambahkan telemetri ke kode flow Genkit di Firebase Studio

Untuk menyiapkan pemantauan dalam kode Anda:

1. Jika Anda belum berada dalam tampilan Code, klik Switch to Code untuk membukanya.

2. Periksa package.json untuk memverifikasi versi Genkit yang diinstal.

3. Buka terminal (Ctrl-Shift-C, atau Cmd-Shift-C di MacOS).

4. Klik di dalam terminal dan instal plugin Firebase, menggunakan versi yang cocok dengan file package.json Anda. Misalnya, jika paket Genkit di package.json Anda memiliki versi 1.0.4, Anda harus menjalankan perintah berikut untuk menginstal plugin:

   npm i --save @genkit-ai/firebase@1.0.4

5. Dari Explorer, luaskan src > ai > flows. Satu atau beberapa file TypeScript yang berisi flow Genkit Anda akan muncul di folder flows.

6. Klik salah satu flow untuk membukanya.

7. Di bagian bawah bagian impor file, tambahkan kode berikut untuk mengimpor dan mengaktifkan FirebaseTelemetry:

   import { enableFirebaseTelemetry } from '@genkit-ai/firebase';
   
   enableFirebaseTelemetry();
   

Langkah 2: Siapkan izin

Firebase Studio mengaktifkan API yang diperlukan untuk Anda saat menyiapkan project Firebase, tetapi Anda juga perlu memberikan izin ke akun layanan App Hosting.

Untuk menyiapkan izin:

1. Buka konsol IAM Google Cloud, pilih project Anda, lalu berikan peran berikut ke App Hosting service account:

   • Monitoring Metric Writer (roles/monitoring.metricWriter)
   • Cloud Trace Agent (roles/cloudtrace.agent)
   • Logs Writer (roles/logging.logWriter)

2. Publikasikan ulang aplikasi Anda ke App Hosting.

3. Setelah publikasi selesai, muat dan mulai gunakan aplikasi Anda. Setelah lima menit, aplikasi Anda akan memulai logging data telemetri.

Langkah 3: Pantau fitur AI generatif Anda di Firebase console

Saat telemetri dikonfigurasi, Genkit mencatat jumlah permintaan, keberhasilan, dan latensi untuk semua flow Anda, dan, untuk setiap flow tertentu, Genkit mengumpulkan metrik stabilitas, menampilkan grafik mendetail, dan membuat log pelacakan yang diambil.

Untuk memantau fitur AI yang diimplementasikan dengan Genkit:

1. Setelah lima menit, buka Genkit di Firebase console dan tinjau perintah serta respons Genkit.

   Genkit mengompilasi Stability metrics berikut:

   • Total requests: Total jumlah permintaan yang diterima oleh flow Anda.
   • Success rate: Persentase permintaan yang berhasil diproses.
   • 95th percentile latency: Latensi persentil ke-95 dari flow Anda, yang merupakan waktu yang diperlukan untuk memproses 95% permintaan.

   • Token usage:

     • Input tokens: Jumlah token yang dikirim ke model dalam perintah.
     • Output tokens: Jumlah token yang dihasilkan oleh model dalam respons.

   • Image usage:

     • Input images: Jumlah gambar yang dikirim ke model dalam perintah.
     • Output images: Jumlah gambar yang dihasilkan oleh model dalam respons.

   Jika Anda meluaskan Stability metrics, grafik mendetail akan tersedia:

   • Volume permintaan dari waktu ke waktu.
   • Rasio keberhasilan dari waktu ke waktu.
   • Token input dan output dari waktu ke waktu.
   • Latensi (persentil ke-95 dan 50) dari waktu ke waktu.

Pelajari lebih lanjut Genkit di Genkit.

Langkah berikutnya

• Menyesuaikan ruang kerja Anda Firebase Studio.

• Mengembangkan, memublikasikan, dan memantau aplikasi web full stack dengan App Prototyping agent.