Dela via

Tilläggsexempel

  • Artikel

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

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

Dricks

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.

Exempel Källa Bidrag beskrivning
BreadcrumbService GitHub Breadcrumb Service, Hub Lägger till en sökvägstjänst som lägger till ett "Sample Breadcrumb Item" i exempelhubben. Om du vill se det här objektet går du till exempelhubben i gruppen Pipelines-hubb .
CodeEditorContribution GitHub Kodredigeraren Lägger till en språkdefinition och ett JSON-schema för kodredigeraren.
Funktion GitHub Funktion, hubb, egenskapsprovider 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 GitHub Hubb Lägger till en hubb med namnet Sample Hub i pipelines-hubbgruppen . Exempelhubben finns på en sida på projektnivå under navigeringselementet Pipelines .
Meny GitHub Menyalternativet Skapa definition Lägger till ett menyalternativ för exempelversionsdefinition till hubben Builds i menyn med listruteåtgärder. Menyhanteraren hämtar den aktuella versionsdefinitionen från kontexten som skickas, gör ett REST-anrop och visar sedan resultatet i en meddelanderuta.
Panelen GitHub 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 GitHub Webbflik Lägger till en exempel-pivotflik i startsidan för organisationen eller projektsamlingen bredvid Projekt, Mina arbetsobjekt och Mina pull-begäranden.
Piller GitHub Pillerprovider Lägger till piller i rubriken på sidan Pipelinedefinition (Körningar).
QueryParamsHandler GitHub Händelseprenumeration Lägger till en tjänst som läses in på valfri sida när en showMyPanel frågeparameter visas i URL:en när en sida läses in. Starttjänsten visar den anpassade panelen från panelexemplet med en valfri frågeparameter myPanelTitle som panelrubrik.
RepositoryActions GitHub Menyalternativet Den 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 GitHub 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 GitHub Formulärgrupp för arbetsobjekt Lägger till ett Exempel på WorkItem-formulärgrupptillägg i arbetsobjektsformuläret för att visa hur du IWorkItemFormService interagerar med tjänsten och IWorkItemNotificationListener. Tillhandahåller ett användargränssnitt för att visa fall hur du ändrar fältvärden med hjälp av formulärtjänsten och visar händelser för formulärmeddelande för arbetsobjekt.
WorkItemOpen GitHub 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 kortast jobb först) GitHub Meddelande (arbetsobjekt), snabbmenyåtgärd (arbetsobjekt) Beräknar automatiskt WSJF (det viktade kortaste jobbet först) per arbetsobjekt och lagrar det i ett arbetsobjektfält.
Sammanhängande listor GitHub Formulär för arbetsobjekt Definiera sammanhängande beteende för listrutor i arbetsobjektsformulär.
Tillbakablickar GitHub Hubb Förstklassig upplevelse för scenarier med retrospektiv och allmän feedbacktavla. Samla in feedback om dina projektmilstolpar, organisera och prioritera samt skapa och spåra åtgärdsbara uppgifter som hjälper ditt team att bli bättre över tid.
Uppskattning GitHub Åtgärdsmeny för hubb, arbetsobjekt Spela Planning Poker i Azure DevOps. Välj arbete från en iteration, fråga eller din kvarvarande uppgifter, beräkna arbetet med dessa objekt med ditt team och uppdatera omedelbart arbetsobjekten.
Flervärdeskontroll GitHub Formulär för arbetsobjekt En formulärkontroll för arbetsobjekt som tillåter val av flera värden.
Uppgifter för Azure DevOps-tillägg GitHub Bygg- och versionsaktiviteter Azure Pipelines-uppgifter för paketering och publicering av Azure Devops- och Visual Studio-tillägg 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 grymt-skript för att automatisera skapande, paketering och publicering av tillägget.