Extensievoorbeelden
Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019
Begin met het ontwikkelen van uw extensie door vanuit een voorbeeld te werken.
Tip
Bekijk onze nieuwste documentatie over uitbreidingsontwikkeling met behulp van de Azure DevOps Extension SDK.
In de volgende Microsoft-voorbeelden ziet u de mogelijkheden van het extensieframework en hoe u kunt bijdragen aan verschillende gebieden. Elk voorbeeld illustreert een of meer bijdragen. We beperken het aantal bijdragen voor elke steekproef om meer inzicht te krijgen in het uitbreidingsframework. Zie de opslagplaats azure DevOps-extensievoorbeelden voor informatie over de bron.
| Voorbeeld | Bijdragen | Beschrijving |
|---|---|---|
| BreadcrumbService | Breadcrumb-service, hub | Hiermee voegt u een breadcrumb-service toe, waarmee een voorbeeld van breadcrumb-item wordt toegevoegd aan de voorbeeldhub. Als u dit item wilt zien, gaat u naar de voorbeeldhub in de groep Pipelines Hub. |
| CodeEditorContribution | Code-editor | Hiermee voegt u een taaldefinitie en een JSON-schema toe voor de code-editor. |
| Functie | Functie, hub, eigenschapsprovider | Laat zien hoe u het deelvenster Preview-functies kunt koppelen in het menu gebruikersprofiel. Voegt een eenvoudige hub toe die alleen wordt weergegeven wanneer u een ABC-functie inschakelt. U kunt de functie in- en uitschakelen, per gebruiker of per organisatie. |
| Hub | Hub | Voegt een hub met de naam Sample Hub toe aan de hubgroep Pipelines . De voorbeeldhub bevindt zich op een pagina op projectniveau, onder het navigatie-element Pijplijnen . |
| Menu | Menu-item Definitie maken | Hiermee voegt u een menu-item sample build definition toe aan de builds-hub in het vervolgkeuzemenu voor acties. De menuhandler haalt de huidige builddefinitie op uit de context die is doorgegeven, voert een REST-aanroep uit en geeft vervolgens het resultaat weer in een berichtvak. |
| Paneel | Inhoud van deelvenster, hub | Toegepast in het Hub-voorbeeld . Bevat een wisselknop samen met de knoppen OK en Annuleren . Kan worden gebruikt als aangepaste deelvenster- of dialoogvensterinhoud. |
| Draaien | Tabblad Web | Hiermee voegt u een tabblad Voorbeelddraaipunt toe aan de startpagina van de organisatie of projectverzameling, naast Projecten, Mijn werkitems en Mijn pull-aanvragen. |
| Pillen | Pill Provider | Voegt pillen toe aan de titel van de pagina Pijplijndefinitie (Runs). |
| QueryParamsHandler | Gebeurtenisabonnement | Hiermee wordt een service toegevoegd die op elke pagina wordt geladen wanneer een showMyPanel queryparameter in de URL wordt weergegeven wanneer een pagina wordt geladen. De opstartservice toont het aangepaste deelvenster in het deelvenstervoorbeeld, met behulp van een optionele myPanelTitle queryparameter als de titel van het deelvenster. |
| RepositoryActions | Menu-item | Hiermee voegt u een actiemenu-item voorbeeldopslagplaats toe aan de opslagplaatskiezer in de koptekst van codehub-pagina's. Als de href eigenschap wordt weergegeven, selecteert u de actie om naar de opgegeven URL te gaan. Als de uri eigenschap is opgegeven, wordt die code uitgevoerd wanneer u de actie selecteert. |
| RepositoryServiceHub | Hub | Hiermee voegt u een opslagplaatsinformatiehub toe aan de codehubgroep . Demonstreert hoe u kunt communiceren met het IVersionControlRepositoryService verkrijgen van basisinformatie over de Git-opslagplaats van een gebruiker. |
| WorkItemFormGroup | Formuliergroep Werkitem | Hiermee voegt u een voorbeeld van een workItem-formuliergroepextensie toe aan het werkitemformulier om te laten zien hoe u met de IWorkItemFormService service kunt werken en IWorkItemNotificationListener. Biedt een gebruikersinterface om te laten zien hoe u veldwaarden wijzigt met behulp van de formulierservice en het weergeven van meldingen van werkitems. |
| WorkItemOpen | Hub | Hiermee voegt u een Voorbeeldwerkitem Open-hub toe aan de hubgroep Boards om te laten zien hoe u met de IWorkItemFormNavigationService service kunt werken. Biedt een gebruikersinterface voor het openen van een bestaand werkitem op id of het werkitemformulier voor een nieuw werkitem op werkitemtype. Met een van deze opties opent u een dialoogvenster in het hostframe. |
DevLabs-voorbeelden
Andere opensource-voorbeelden waarin u mogelijk geïnteresseerd bent.
| Voorbeeld | Bron | Bijdragen | Beschrijving |
|---|---|---|---|
| Teamagenda | GitHub | Hub, gebeurtenisbronnen | Houd gebeurtenissen bij die belangrijk zijn voor uw team, bekijk en beheer dagen vrij, bekijk snel wanneer sprints beginnen en eindigen, en meer. |
| WSJF (Gewogen kortste taak eerst) | GitHub | Melding (werkitem), contextmenuactie (werkitem) | Automatisch wordt WSJF (gewogen kortste taak eerst) per werkitem berekend en opgeslagen in een werkitemveld. |
| Trapsgewijze lijsten | GitHub | Werkitemformulier | Trapsgewijs gedrag definiëren voor selectielijsten in werkitemformulier. |
| Retrospectieven | GitHub | Hub | Eersteklas ervaring voor retrospectieven en algemene feedbackbordscenario's. Verzamel feedback over mijlpalen van uw project, organiseer en geef prioriteit aan en maak en volgbare taken, die uw team in de loop van de tijd kunnen helpen verbeteren. |
| Schatten | GitHub | Actiemenu Hub, Werkitem | Speel Planning Poker in Azure DevOps. Selecteer werk uit een iteratie, query of uw achterstand, schat de inspanning van deze items in met uw team en werk de werkitems onmiddellijk bij. |
| Besturingselement met meerdere waarden | GitHub | Formulier werkitem | Een formulierbesturingselement voor werkitems, waarmee u meerdere waarden kunt selecteren. |
| Azure DevOps-extensietaken | GitHub | Build- en releasetaken | Azure Pipelines-taken voor het verpakken en publiceren van Azure Devops- en Visual Studio-extensies naar Visual Studio Marketplace. |
Aan de slag
Als u zo snel mogelijk aan de slag wilt gaan, gebruikt u het seed-project dat de bestanden bevat die nodig zijn om een extensie te bouwen met Behulp van TypeScript. Er is een gruntscript om het bouwen, verpakken en publiceren van de extensie te automatiseren.