Esempi di estensione

  • Articolo

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.

Esempio Origine Contributi Descrizione
BreadcrumbService GitHub 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 GitHub Editor di codice Aggiunge una definizione del linguaggio e uno schema JSON per l'editor di codice.
Funzionalità GitHub 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 GitHub 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 GitHub 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 GitHub 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 GitHub 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 GitHub Provider di pillole Aggiunge pillole al titolo della pagina Definizione pipeline (esecuzioni).
QueryParamsHandler GitHub 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 GitHub MenuItem Aggiunge una voce di menu Azione repository di esempio alla selezione repository nell'intestazione delle tabelle 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 GitHub 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 GitHub 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 GitHub 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.
Controllo personalizzato modulo elemento di lavoro scala colori GitHub Controllo modulo elemento di lavoro Aggiunge la codifica a colori ai valori in un elenco a discesa.
Gestione cartelle GitHub Azione del menu di scelta rapida (albero di Esplora codice) Crea una cartella nei repository di origine dall'albero di Esplora codice. Non è necessario clonare il repository o installare strumenti aggiuntivi.
Esecuzione di test offline GitHub Scheda Piano di test Consente al tester di eseguire i passaggi di test anche se disconnessi da Azure DevOps. Può essere eseguita utilizzando il foglio di calcolo di Excel esportato.
Attività dell'utilità di gestione delle versioni GitHub Attività di gestione delle versioni Attività di utilità per Release Management.
Tabellone di rollup GitHub Dashboard Widget Mostra il numero di schede in ogni colonna della scheda Kanban.
Visualizzazione del modello di stato GitHub Azione barra degli strumenti (elemento di lavoro), Hub Visualizzare il modello di stato per un tipo di elemento di lavoro selezionato.
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.
Integrità progetto team GitHub Dashboard Widget Consente agli utenti di visualizzare l'integrità complessiva delle compilazioni, offrendo un segnale visivo simile a Codify Build Light.
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.

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.