Esempi di estensione
Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019
Iniziare a sviluppare l'estensione usando un esempio.
Suggerimento
Vedere la documentazione più recente sullo sviluppo di estensioni con Azure DevOps Extension SDK.
Gli esempi Microsoft seguenti illustrano le funzionalità del framework di estensione e come contribuire a varie aree. Ogni esempio illustra uno o più contributi. Il numero di contributi per ogni campione viene limitato per aumentare la comprensione del framework di estensione. Per informazioni sull'origine, vedere il repository di esempi dell'estensione Azure DevOps.
| Esempio | Contributi | Descrizione |
|---|---|---|
| BreadcrumbService | Servizio di navigazione, hub | Aggiunge un servizio di navigazione, che aggiunge un "Elemento di navigazione di esempio" all'hub di esempio. Per visualizzare questo elemento, passare all'hub di esempio nel gruppo hub Pipelines. |
| CodeEditorContribution | Editor di codice | Aggiunge una definizione del linguaggio e uno schema JSON per l'editor di codice. |
| Funzionalità | Feature, Hub, Property Provider | Illustra come eseguire l'hook nel pannello Funzionalità di anteprima nel menu del profilo utente. Aggiunge un hub semplice che viene visualizzato solo quando si attiva una funzionalità "ABC". È possibile attivare e disattivare la funzionalità, per utente o per organizzazione. |
| Hub | Hub | Aggiunge un hub denominato Hub di esempio nel gruppo hub Pipelines . L'hub di esempio si trova in una pagina a livello di progetto, sotto l'elemento di spostamento Pipelines . |
| Menu | Voce di menu Compila definizione | Aggiunge una voce di menu Definizione di compilazione di esempio all'hub Compilazioni nel menu a discesa Azioni. Il gestore di menu ottiene la definizione di compilazione corrente dal contesto passato, effettua una chiamata REST e quindi visualizza il risultato in una finestra di messaggio. |
| Panel | Contenuto del pannello, hub | Applicato all'interno dell'esempio hub . Contiene un interruttore insieme ai pulsanti OK e Annulla . Può essere usato come contenuto di un pannello o di un dialogo personalizzato. |
| Pivot | Scheda Web | Aggiunge una scheda Pivot di esempio alla home page dell'organizzazione o della raccolta di progetti, accanto a Progetti, Elementi di lavoro personali e Richieste pull personali. |
| Pillole | Provider di pillole | Aggiunge pillole al titolo della pagina Definizione pipeline (esecuzioni). |
| QueryParamsHandler | Sottoscrizione di eventi | Aggiunge un servizio che viene caricato in qualsiasi pagina ogni volta che viene visualizzato un showMyPanel parametro di query nell'URL quando viene caricata una qualsiasi pagina. Il servizio di avvio mostra il pannello personalizzato dell'esempio Pannello, usando un parametro di query facoltativo myPanelTitle come titolo del pannello. |
| RepositoryActions | MenuItem | Aggiunge una voce di menu Azione repository di esempio alla selezione repository nell'intestazione delle pagine dell'hub codici. Se la href proprietà viene visualizzata, selezionare l'azione da passare all'URL specificato. Se viene specificata la uri proprietà , tale codice viene eseguito quando si seleziona l'azione. |
| RepositoryServiceHub | Hub | Aggiunge un hub informazioni repository al gruppo hub del codice . Illustra come interagire con per IVersionControlRepositoryService ottenere informazioni di base sul repository Git di un utente. |
| WorkItemFormGroup | Gruppo di moduli elemento di lavoro | Aggiunge un'estensione del gruppo di moduli WorkItem di esempio al modulo dell'elemento di lavoro per mostrare come interagire con il IWorkItemFormService servizio e IWorkItemNotificationListener. Fornisce un'interfaccia utente per mostrare come modificare i valori dei campi usando il servizio modulo e visualizzare gli eventi di notifica del modulo degli elementi di lavoro. |
| WorkItemOpen | Hub | Aggiunge un hub WorkItem Open di esempio al gruppo hub Boards per mostrare come interagire con il IWorkItemFormNavigationService servizio. Fornisce un'interfaccia utente per aprire un elemento di lavoro esistente in base all'ID oppure aprire il modulo dell'elemento di lavoro per un nuovo elemento di lavoro in base al tipo di elemento di lavoro. Una di queste opzioni apre una finestra di dialogo nel frame host. |
Esempi di DevLabs
Altri esempi open source a cui si potrebbe essere interessati.
| Esempio | Origine | Contributi | Descrizione |
|---|---|---|---|
| Calendario del team | GitHub | Hub, origini eventi | Tenere traccia degli eventi importanti per il team, visualizzare e gestire i giorni di disattivazione, vedere rapidamente quando gli sprint iniziano e terminano e altro ancora. |
| WSJF (primo processo più breve ponderato) | GitHub | Notifica (elemento di lavoro), azione del menu di scelta rapida (elemento di lavoro) | Calcola automaticamente WSJF (processo ponderato più breve prima) per ogni elemento di lavoro e lo archivia in un campo dell'elemento di lavoro. |
| Elenchi a cascata | GitHub | Modulo elemento di lavoro | Definire il comportamento a catena per gli elenchi di selezione nel modulo dell'elemento di lavoro. |
| Retrospettive | GitHub | Hub | Esperienza di prima classe per scenari retrospettivi e bacheche di feedback generali. Raccogliere commenti e suggerimenti sulle attività cardine del progetto, organizzare e classificare in ordine di priorità e creare e tenere traccia delle attività eseguibili, che consentono al team di migliorare nel tempo. |
| Valutare | GitHub | Hub, menu azione elemento di lavoro | Giocare a Planning Poker in Azure DevOps. Selezionare il lavoro da un'iterazione, una query o un backlog, stimare lo sforzo di tali elementi con il team e aggiornare immediatamente gli elementi di lavoro. |
| Controllo multivalore | GitHub | Modulo elemento di lavoro | Controllo modulo elemento di lavoro, che consente la selezione di più valori. |
| Attività dell'estensione Azure DevOps | GitHub | Attività di compilazione e rilascio | Attività di Azure Pipelines per la creazione di pacchetti e la pubblicazione di estensioni Di Azure Devops e Visual Studio in Visual Studio Marketplace. |
Operazioni preliminari
Per iniziare il più rapidamente possibile, usare il progetto di inizializzazione che contiene i file necessari per compilare un'estensione usando TypeScript. È disponibile uno script grunt per automatizzare la compilazione, la creazione di pacchetti e la pubblicazione dell'estensione.