Membuat widget Analytics untuk Azure DevOps

Layanan Azure DevOps | Azure DevOps Server 2022 - Azure DevOps Server 2019

Anda dapat membuat widget Analytics Anda sendiri untuk ditampilkan di dasbor di Azure DevOps. Contoh widget di github menunjukkan:

• Cara merender garis tren yang terkait dengan status item kerja
• Cara mengkueri himpunan data, mengonfigurasi pengguna melalui tampilan konfigurasi widget
• Cara membuat dan menerbitkan widget ke marketplace Azure DevOps

Dengan informasi ini, Anda akan dapat membuat widget Analytics Anda sendiri.

Catatan

Layanan Analytics secara otomatis diaktifkan dan didukung dalam produksi untuk semua Layanan Azure DevOps. Integrasi dan akses Power BI ke umpan OData Layanan Analitik umumnya tersedia. Kami mendorong Anda untuk menggunakannya dan memberi kami umpan balik. Data yang tersedia bergantung pada versi. Versi terbaru yang didukung adalah v2.0, dan versi pratinjau terbaru adalah v4.0-preview. Untuk informasi selengkapnya, lihat Penerapan versi OData API.

Prasyarat

Contoh ini menyediakan widget siap pakai, yang mencakup dasar-dasar dari topik di Dasbor, Pembuatan Bagan, dan Analitik. Dokumen berikut memberikan lebih banyak dasar tentang detail yang ditunjukkan dalam contoh ini:

1. Membuat Ekstensi Widget Azure DevOps, mereferensikan sampel ekstensi Widget
2. Merender Kontrol Bagan Azure DevOps, referensi Tambahkan Bagan
3. Kueri OData dari Analitik

Menyediakan tampilan konfigurasi

1. Jalankan kueri analitik sederhana yang diperlukan oleh kontrol UI yang digunakan untuk mengonfigurasi tampilan.
2. Kelola status UI konfigurasi, dengan pembaruan berdasarkan tindakan pengguna, dan dengan data baru dari kueri Analytics.
3. Merender UI konfigurasi menggunakan Typescript dan React.

Merender data dalam Widget

1. Menjalankan kueri yang dikonfigurasi pengguna sebagai Permintaan POST
2. Menginterpretasikan data dari analitik untuk merender bagan

Langkah berikutnya

Untuk menghindari kompleksitas berlebih dalam sampel, kami menghilangkan teknologi dan praktik tertentu, yang pastinya harus disertakan oleh widget produksi. Sampel ui-fabric-react pada github menyoroti proses build yang menjalankan detail ini.

1. Bundling JavaScript dan penambangan konten - Kumpulan file skrip kecil dan longgar dalam sampel dapat dimuat jauh lebih cepat ketika digabungkan ke dalam satu file, dan dikurangi.
2. Kontrol UI Fabric - Kontrol UI Fabric menyediakan serangkaian komponen antarmuka pengguna konfigurasi yang kaya untuk React.

Artikel terkait

• Apa itu Analytics?
• Widget berdasarkan Analitik