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.
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. 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. Om du vill se det här objektet går du till exempelhubben i gruppen Pipelines-hubb . |
| CodeEditorContribution | Kodredigeraren | Lägger till en språkdefinition och ett JSON-schema för kodredigeraren. |
| Funktion | 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 | 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 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. |
| 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 | Webbflik | Lägger till en exempel-pivotflik i startsidan för organisationen eller projektsamlingen bredvid Projekt, Mina arbetsobjekt och Mina pull-begäranden. |
| Piller | Pillerprovider | 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å 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 | 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 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 | 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 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 | Å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.