Dela via

Tilläggsexempel

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

Börja utveckla tillägget genom att arbeta från ett exempel.

Tips

Läs vår senaste dokumentation om tilläggsutveckling med hjälp av Azure DevOps Extension SDK.

Följande Microsoft-exempel visar funktionerna i tilläggsramverket och hur du bidrar till olika områden. Varje exempel illustrerar ett eller flera bidrag. Vi begränsar antalet bidrag för varje exempel för att öka förståelsen för tilläggsramverket. Källinformation finns i lagringsplatsen för Azure DevOps-tilläggsexempel.

Exempel Bidrag beskrivning
BreadcrumbService Breadcrumb Service, Hub Lägger till en sökvägstjänst som lägger till ett "Sample Breadcrumb Item" i exempelhubben. För att se det här objektet går du till Exempelhubben i Pipelines-hub-gruppen.
CodeEditorContribution Kodredigeraren Lägger till en språkdefinition och ett JSON-schema för kodredigeraren.
Funktion Funktion, nav, egenskapsleverantör Visar hur du ansluter till panelen Förhandsgranskningsfunktioner under användarprofilmenyn. Lägger till en enkel hubb som bara visas när du aktiverar en "ABC"-funktion. Du kan aktivera och inaktivera funktionen, per användare eller per organisation.
Hubb Hubb Lägger till en hubb med namnet Sample Hub i pipelines-hubbgruppen . Exempelhubben finns på en sida på projektnivå under navigeringselementet Pipelines .
Meny Menyalternativet Skapa definition Lägger till ett menyalternativ för exempelbyggdefinition till hubben Builds i åtgärdsmenyn. Menyhanteraren hämtar den aktuella versionsdefinitionen från kontexten som skickas, gör ett REST-anrop och visar sedan resultatet i en meddelanderuta.
Panel Panelinnehåll, hubb Används i Hubbexemplet. Innehåller en växlingsknapp tillsammans med OK- och Avbryt-knapparna. Kan användas som en anpassad panel eller dialogruta.
Pivot Webbläsarflik Lägger till en exempel-pivotflik i startsidan för organisationen eller projektsamlingen bredvid Projekt, Mina arbetsobjekt och Mina pull-begäranden.
Piller Pilleverantör Lägger till piller i rubriken på sidan Pipelinedefinition (Körningar).
QueryParamsHandler Händelseprenumeration Lägger till en tjänst som läses in på vilken sida som helst när en showMyPanel-frågeparameter finns i URL:en vid sidinläsning. Starttjänsten visar den anpassade panelen från panelexemplet med en valfri frågeparameter myPanelTitle som panelrubrik.
RepositoryActions Menyalternativet Lägger till ett exempel på menyalternativet för lagringsplatsens åtgärd till lagringsplatsens väljare i sidhuvudet på kodhubbens sidor. Om egenskapen href visas väljer du åtgärden för att gå till den angivna URL:en. Om egenskapen uri anges körs koden när du väljer åtgärden.
RepositoryServiceHub Hubb Lägger till en lagringsplatsinformationshubb i gruppen Kodhubb . Visar hur du interagerar med IVersionControlRepositoryService för att få grundläggande information om en användares Git-lagringsplats.
WorkItemFormGroup Formulärgrupp för arbetsobjekt Lägger till ett Exempel på WorkItem-formulärgrupptillägg i arbetsobjektsformuläret för att visa hur du interagerar med IWorkItemFormService-tjänsten och IWorkItemNotificationListener. Tillhandahåller ett användargränssnitt för att demonstrera hur man ändrar fältvärden med hjälp av formulärtjänsten och visar händelser för meddelanden i arbetsobjektformulär.
WorkItemOpen Hubb Lägger till en Sample WorkItem Open-hubb i hubbgruppen Boards för att visa hur du IWorkItemFormNavigationService interagerar med tjänsten. Innehåller ett användargränssnitt som du kan använda för att öppna ett befintligt arbetsobjekt efter ID eller öppna arbetsobjektsformuläret för ett nytt arbetsobjekt efter arbetsobjekttyp. Något av dessa alternativ öppnar en dialogruta i värdramen.

DevLabs-exempel

Andra öppen källkod exempel som du kanske är intresserad av.

Exempel Källa Bidrag beskrivning
Gruppkalender GitHub Hubb, händelsekällor Spåra händelser som är viktiga för ditt team, visa och hantera lediga dagar, se snabbt när sprintarna börjar och slutar med mera.
WSJF (viktat kortaste jobbet först) GitHub Meddelande (arbetsobjekt), snabbmenyåtgärd (arbetsobjekt) Beräknar automatiskt WSJF (viktat kortast jobb först) för varje arbetsobjekt och lagrar det i fältet för arbetsobjekt.
Sammanhängande listor GitHub Formulär för arbetsuppgift Definiera kaskadbeteende för listrutor i arbetsobjektsformulär.
Tillbakablickar GitHub Hubb Förstklassig upplevelse för scenarier med retrospektiv och generell feedbacktavla. Samla in feedback om projektets milstolpar, organisera och prioritera och skapa och spåra åtgärdsbara uppgifter, vilket kan hjälpa ditt team att bli bättre över tid.
Uppskatta GitHub Arbetsobjektens åtgärdsmeny i hubben Spela Planning Poker i Azure DevOps. Välj arbetsobjekt från en iteration, en sökfråga eller din backlog, beräkna insatsen för dessa objekt med ditt team, och uppdatera omedelbart arbetsobjekten.
Flervärdeskontroll GitHub Formulär för arbetsuppgift En formulärkontroll för arbetsobjekt som tillåter val av flera värden.
Azure DevOps-tilläggsuppgifter GitHub Bygg- och versionsaktiviteter Azure Pipelines-uppgifter för att paketera och publicera tillägg för Azure DevOps och Visual Studio till Visual Studio Marketplace.

Kom igång

Kom igång så snabbt som möjligt genom att använda det startprojekt som innehåller de filer som krävs för att skapa ett tillägg med hjälp av TypeScript. Det finns ett grunt-skript för att automatisera byggandet, paketeringen och publiceringen av tillägget.