Elemzési widget létrehozása az Azure DevOpshoz

Azure DevOps Services | 2022. Azure DevOps Server – 2019. Azure DevOps Server

Létrehozhat egy saját Analytics-vezérlőt, amely megjeleníthető egy irányítópulton az Azure DevOpsban. A githubon található példa widget a következőket mutatja be:

• Munkaelem-állapotokhoz társított trendvonalak megjelenítése
• Adathalmaz lekérdezése, ha a felhasználó konfigurálja a vezérlő konfigurációs nézetét
• A widget létrehozása és közzététele az Azure DevOps piactéren

Ezekkel az információkkal létrehozhatja saját Analytics-widgetét.

Megjegyzés

Az Elemzési szolgáltatás éles környezetben automatikusan engedélyezve és támogatva van az összes Azure DevOps Services esetében. Általánosan elérhető a Power BI integrációja és az Elemzési szolgáltatás OData-hírcsatornájának elérése. Javasoljuk, hogy használja, és küldjön nekünk visszajelzést. Az elérhető adatok verziófüggőek. A legújabb támogatott verzió a v2.0, a legújabb előzetes verzió pedig .v4.0-preview További információ: OData API-verziószámozás.

Előfeltételek

Ez a példa egy kész widgetet biztosít, amely az irányítópultok, a diagramkészítés és az elemzés témaköreinek alapjait ismerteti. Az alábbi dokumentumok részletesebben ismertetik az ebben a példában bemutatott részleteket:

1. Hozzon létre egy Azure DevOps Widget-bővítményt, és hivatkozzon a widgetbővítmények mintájára
2. Azure DevOps-diagramvezérlő renderelése, referencia : Diagram hozzáadása
3. OData lekérdezése az Elemzésből

Konfigurációs nézet megadása

1. A nézet konfigurálásához használt felhasználói felületi vezérlők által igényelt egyszerű elemzési lekérdezések futtatása.
2. A konfigurációs felhasználói felület állapotának kezelése a felhasználói műveleteken alapuló frissítésekkel és az Elemzési lekérdezések új adataival.
3. A konfigurációs felhasználói felület renderelése Typescript és React használatával.

Adatok renderelése widgeten belül

1. Felhasználó által konfigurált lekérdezés futtatása POST-kérelemként
2. Adatok értelmezése elemzésből diagram rendereléséhez

Következő lépések

A minta túlzott összetettségének elkerülése érdekében kihagytunk bizonyos technológiákat és gyakorlatokat, amelyeket az éles vezérlőnek mindenképpen tartalmaznia kell. A githubon található ui-fabric-react minta kiemeli a buildelési folyamatot, amely ezeket a részleteket gyakorolja.

1. JavaScript-kötegelés és tartalom minification – A mintában lévő kis, laza szkriptfájlok sokkal gyorsabban tölthetők be, ha egyetlen fájlba kombinálják, és minimálisra csökkentik.
2. Háló felhasználói felület vezérlői – A háló felhasználói felületének vezérlői számos konfigurációs felhasználói felületi összetevőt biztosítanak React.

Kapcsolódó cikkek

• Mi az az Elemzés?
• Elemzésen alapuló widgetek