Condividi tramite


Punti di estendibilità

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

Le estensioni migliorano l'esperienza utente di Azure DevOps contribuendo a nuove funzionalità. In questo articolo, mettiamo in evidenza i punti di estensione più comuni che la tua estensione può utilizzare. Per altre informazioni sul modello di estendibilità di Azure DevOps, vedere il modello di contributo.

L'estensione Della Guida ai contributi è un'estensione di esempio. Installare questa estensione nell'organizzazione. Dopo l'installazione, vengono visualizzati i punti di estendibilità disponibili. È consigliabile installare questa estensione in un'organizzazione personale o di test. È disponibile anche il sorgente per questa estensione.

Per altre informazioni, consultare i riferimenti seguenti:

Hub e gruppi di hub

Hub e gruppi di hub sono gli elementi di navigazione principali in Azure DevOps. File, Versioni, Backlog e Query sono esempi di hub. Un hub appartiene a un gruppo hub. L'hub File, ad esempio, appartiene al gruppo hub Azure Repos a livello di progetto. I gruppi hub possono esistere a livello di organizzazione o raccolta o a livello di progetto. La maggior parte delle estensioni contribuisce al livello di progetto.

La tabella seguente descrive i gruppi hub più comuni in Azure DevOps a cui è possibile contribuire gli hub.

Nome ID Livello Anteprima immagine
Azure Boards ms.vss-work-web.work-hub-group Progetto/team Hub personalizzato aggiunto ad Azure Boards.
Azure Repos ms.vss-code-web.code-hub-group Progetto/team Hub personalizzato aggiunto ad Azure Repos.
Azure Pipelines ms.vss-build-web.build-release-hub-group Progetto/team Hub personalizzato aggiunto ad Azure Pipelines.
Piani di Test di Azure ms.vss-test-web.test-hub-group Progetto/team Hub personalizzato aggiunto ai piani di test di Azure.
Impostazioni del progetto ms.vss-web.project-admin-hub-group Progetto Hub di amministrazione del progetto personalizzato.
Impostazioni dell'organizzazione ms.vss-web.collection-admin-hub-group Organizzazione o raccolta Hub di amministrazione dell'organizzazione personalizzato.

Esempio

L'esempio seguente illustra come contribuire con un hub al gruppo Hub del Codice.

{
    ...
    "contributions": [
        {
            "id": "my-custom-hub",
            "type": "ms.vss-web.hub",
            "targets": [
                "ms.vss-code-web.code-hub-group"
            ],
            "properties": {
                "name": "Code Hub",
                "order": 30,
                "uri": "/views/code/custom.html"
            }
        }
    ]
}
  • ms.vss-web.hub è il tipo di questo contributo. Questo tipo viene definito nell'estensione vss-web pubblicata nel server ms di pubblicazione. Questo tipo dichiara proprietà facoltative e obbligatorie richieste dai contributi di questo tipo (ad esempio, nome, ordine e così via).
  • ms.vss-code-web.code-hub-group è l'ID completo del contributo del gruppo hub a cui questo hub è destinato. Questo contributo viene specificato nell'estensione pubblicata sotto il publisher vss-code-webms
  • my-custom-hub è l'ID breve di questo contributo; {publisherId}.{extensionId}.my-custom-hub è l'ID completo

Aggiungere un'icona al menu o alla barra degli strumenti

Aggiungi una proprietà di icona, in modo che possa essere utilizzata direttamente per nome.

È consigliabile fornire un'icona personalizzata. Utilizzando il tuo esempio di icona personalizzata:

           "name": "Sample hub",
           "uri": "dist/Hub/Hub.html",
           "icon": "asset://static/sample-icon.png",
           "supportsMobile": true
       }

Esempio di utilizzo delle icone Office UI Fabric:

            "iconName": "Code",
            "name": "Code Hub",
            "order": 30,
            "uri": "/views/code/custom.html"
        }

Impostazioni per menu e barre degli strumenti

Nome ID di destinazione
Barra degli strumenti di panoramica dell'organizzazione/raccolta ms.vss-admin-web.collection-overview-toolbar-menu
Griglia panoramica dei progetti della raccolta ms.vss-admin-web.projects-grid-menu
Barra degli strumenti panoramica del progetto ms.vss-admin-web.project-overview-toolbar-menu
Griglia dei team di panoramica del progetto ms.vss-admin-web.teams-grid-menu

Menu e barra degli strumenti di Azure Boards

Nome ID di destinazione Anteprima immagine
Menu di interrogazione degli elementi di lavoro ms.vss-work-web.work-item-query-menu Azione personalizzata di interrogazione aggiunta al menu delle interrogazioni.
Menu della barra degli strumenti dei risultati della query di elemento di lavoro ms.vss-work-web.work-item-query-results-toolbar-menu Azione del menu personalizzato della barra degli strumenti Risultati query
Voce di menu dei risultati delle query degli elementi di lavoro ms.vss-work-web.query-result-work-item-menu Azione personalizzata del menu per voce risultato della query.
Scheda Risultati della query di elementi di lavoro ms.vss-work-web.query-tabs Scheda pivot personalizzata della barra degli strumenti delle query
Elemento di lavoro per il menu di scelta rapida ms.vss-work-web.work-item-toolbar-menu Azioni personalizzate della barra degli strumenti degli elementi di lavoro.
Menu Voce di backlog ms.vss-work-web.backlog-item-menu Opzioni di menu personalizzate per le azioni degli elementi del backlog.
Menu filtro pivot della scheda Sprint ms.vss-work-web.sprint-board-pivot-filter-menu Menu filtro pivot della scheda Sprint
Menu filtro pivot pannello ms.vss-work-web.backlog-board-pivot-filter-menu Azioni filtro pivot della scheda backlog.
Menu della scheda ms.vss-work-web.backlog-board-card-item-menu
Scheda Backlog prodotto ms.vss-work-web.product-backlog-tabs Screenshot della scheda personalizzata di Backlog prodotto.
Scheda di backlog dell'iterazione ms.vss-work-web.iteration-backlog-tabs Screenshot della scheda personalizzata backlog delle iterazioni.
Riquadro del backlog del portfolio ms.vss-work-web.portfolio-backlog-toolpane Screenshot del riquadro personalizzato Portfolio Backlog.
Riquadro del backlog prodotto ms.vss-work-web.requirement-backlog-toolpane Screenshot del riquadro del backlog di prodotto personalizzato.
Riquadro backlog di iterazione ms.vss-work-web.iteration-backlog-toolpane Screenshot del Riquadro personalizzato dell'iterazione di backlog.

Menu e barra degli strumenti di Azure Pipelines

Nome ID di destinazione Anteprima
Menu compilazione completato ms.vss-build-web.completed-build-menu Azioni di compilazione completate
Menu Definizioni di compilazione ms.vss-build-web.build-definition-menu Azioni di definizione della build
Azione della barra degli strumenti Risultati test ms.vss-test-web.test-results-actions-menu Azione della barra degli strumenti dei risultati del test
Scheda dei Dettagli del risultato del test ms.vss-test-web.test-result-details-tab-items Scheda Dettagli risultato test
Menu contestuale dell'esploratore della pipeline di rilascio ms.vss-releaseManagement-web.release-definition-explorer-context-menu Menu contestuale di Esploratore definizioni
Menu della barra degli strumenti dell'esploratore di pipeline di rilascio ms.vss-releaseManagement-web.release-definition-explorer-toolbar-menu Menu della barra degli strumenti di Definizione Explorer
Menu della barra degli strumenti per il riepilogo della versione ms.vss-releaseManagement-web.release-editor-tool-bar-menu Menu della barra degli strumenti Riepilogo versione
Scheda Riepilogo della Versione ms.vss-releaseManagement-web.release-details-view Scheda Riepilogo versione
Sezione riepilogo rilascio ms.vss-releaseManagement-web.release-details-summary-tab Sezione Riepilogo Rilascio

Menu e barra degli strumenti di Azure Pipelines

Nome ID di destinazione Anteprima
Menu compilazione completato ms.vss-build-web.completed-build-menu Azioni di compilazione completate
Azione della barra degli strumenti per i risultati dei test ms.vss-test-web.test-results-actions-menu Azione della barra degli strumenti Risultati test
Scheda dei Dettagli del Risultato del Test ms.vss-test-web.test-result-details-tab-items Scheda Dettagli risultato test
Menu di scelta rapida dell'esploratore delle pipeline di rilascio ms.vss-releaseManagement-web.release-definition-explorer-context-menu Menu contestuale di Esploratore definizioni
Visualizzazione dettagli pipeline, pulsante intestazione ms.vss-build-web.pipelines-header-menu Visualizzazione dettagli pipeline, menu dell'intestazione
Visualizzazione dettagli pipeline, menu di scelta rapida della cartella ms.vss-build-web.pipelines-folder-menu Vista dettagli pipeline, menu contestuale della cartella

Attività di Azure Pipelines

Le attività eseguono operazioni in una compilazione o in una versione. Per altre informazioni, vedere come contribuire a un'attività di compilazione o versione.

Menu e barra degli strumenti di Azure Repos

Nome ID di destinazione Anteprima immagine
Menu Voce di origine (griglia) ms.vss-code-web.source-grid-item-menu Azioni nella griglia degli elementi del repository
Menu Elemento di origine (albero) ms.vss-code-web.source-tree-item-menu Azioni della struttura degli elementi Repos
Menu Elemento di origine (griglia e albero) ms.vss-code-web.source-item-menu Azioni dell'elemento Repos
Cambia voce nel menu elenco ms.vss-code-web.change-list-item-menu
Menu di modifica dell'elemento di riepilogo dell'elenco ms.vss-code-web.change-list-summary-item-menu
Menu ad albero dei rami Git ms.vss-code-web.git-branches-tree-menu Albero dei rami Git
Menu azioni Pull Request Git ms.vss-code-web.pull-request-action-menu Azioni della richiesta pull Git
Schede delle richieste pull di Git ms.vss-code-web.pr-tabs Scheda Richiesta pull Git
Menu elenco di commit Git ms.vss-code-web.git-commit-list-menu Menu Elenco dei commit Git
Menu dettagli Git commit ms.vss-code-web.git-commit-details-menu Menu di Dettagli del Commit Git

Menu e barra degli strumenti dei piani di test di Azure

Nome ID di destinazione Anteprima immagine
Menu della Griglia di Esecuzione Test ms.vss-test-web.test-run-grid-menu Menu Griglia test di esecuzione
Struttura ad albero suite di piani di test ms.vss-test-web.test-plans-suites-context Contesto delle suite dei piani di test
scheda pivot dell'hub del piano di test ms.vss-test-web.test-plan-pivot-tabs Scheda Pivot dell'hub di test

Altri punti di estendibilità

  • Widget dashboard: un'estensione può contribuire a un nuovo tipo di widget che può essere aggiunto dagli utenti a un dashboard. Informazioni su come contribuire a un widget del dashboard.
  • Modulo elemento di lavoro: il modulo dell'elemento di lavoro è migliorato dalle estensioni con nuove sezioni, schede, azioni e renderer di campi personalizzati. Per ulteriori informazioni, scopri come estendere il modulo dell'elemento di lavoro.
  • Service Hook: un "consumatore" è il servizio a cui vengono inviati eventi nei Service Hooks. Un'estensione può contribuire ai servizi rivolti ai consumatori. Questi servizi vengono configurati da un utente (o a livello di codice) per inviare eventi a tale servizio. Per ulteriori informazioni, vedere contribuire a un consumer per hook di servizio.
  • Funzionalità:

Nome: Funzionalità di anteprima (solo ospitata)
ID di destinazione: ms.vss-web.managed-features

Nome: funzionalità (solo locale)
ID di destinazione: ms.vss-web.managed-features-onprem