Tworzenie widżetu analizy dla usługi Azure DevOps

Azure DevOps Services | Azure DevOps Server 2022 r. — Azure DevOps Server 2019 r.

Możesz utworzyć własny widżet analizy, który będzie wyświetlany na pulpicie nawigacyjnym w usłudze Azure DevOps. Przykładowy widżet w witrynie GitHub przedstawia następujące elementy:

• Jak renderować linie trendu skojarzone ze stanami elementów roboczych
• Jak wykonywać zapytania dotyczące zestawu danych, a użytkownik skonfiguruje go za pomocą widoku konfiguracji widżetu
• Jak skompilować i opublikować widżet w witrynie Azure DevOps Marketplace

Dzięki tym informacjom będziesz mieć możliwość utworzenia własnego widżetu analizy.

Uwaga

Usługa Analytics jest automatycznie włączona i obsługiwana w środowisku produkcyjnym dla wszystkich Azure DevOps Services. Integracja usługi Power BI i dostęp do źródła danych OData usługi Analytics są ogólnie dostępne. Zachęcamy do korzystania z niego i przekazywania nam opinii. Dostępne dane są zależne od wersji. Najnowsza obsługiwana wersja to v2.0, a najnowsza wersja zapoznawcza to v4.0-preview. Aby uzyskać więcej informacji, zobacz Przechowywanie wersji interfejsu API OData.

Wymagania wstępne

Ten przykład zawiera gotowy widżet, który obejmuje podstawy z tematów w pulpitach nawigacyjnych, wykresach i analizach. Poniższe dokumenty zawierają bardziej szczegółowe informacje przedstawione w tym przykładzie:

1. Tworzenie rozszerzenia widżetu usługi Azure DevOps, odwołanie się do przykładu rozszerzeń widżetów
2. Renderowanie kontrolki wykresu usługi Azure DevOps, dokumentacja : dodawanie wykresu
3. Wykonywanie zapytań odata z analizy

Udostępnianie widoku konfiguracji

1. Uruchamianie prostych zapytań analitycznych wymaganych przez kontrolki interfejsu użytkownika używane do konfigurowania widoku.
2. Zarządzaj stanem interfejsu użytkownika konfiguracji, aktualizując je na podstawie akcji użytkownika i nowymi danymi z zapytań analitycznych.
3. Renderowanie interfejsu użytkownika konfiguracji przy użyciu języka Typescript i React.

Renderowanie danych w ramach widżetu

1. Uruchamianie zapytania skonfigurowanego przez użytkownika jako żądania POST
2. Interpretowanie danych z analizy w celu renderowania wykresu

Następne kroki

Aby uniknąć nadmiernej złożoności w próbce, pominięto pewne technologie i praktyki, które z pewnością powinien zawierać widżet produkcyjny. Przykład ui-fabric-react w witrynie GitHub wyróżnia proces kompilacji, który wykonuje te szczegóły.

1. Tworzenie pakietów i minimalizowanie zawartości w języku JavaScript — zestaw małych, luźnych plików skryptów w przykładzie może być ładowany znacznie szybciej w połączeniu z pojedynczym plikiem i zmieryfikowany.
2. Kontrolki interfejsu użytkownika sieci szkieletowej — kontrolki interfejsu użytkownika sieci szkieletowej zapewniają bogaty zestaw składników interfejsu użytkownika konfiguracji dla React.

Pokrewne artykuły:

• Co to jest analiza?
• Widżety oparte na analizie