Примеры расширений

  • Мақала

Azure DevOps Services | Azure DevOps Server 2022 — Azure DevOps Server 2019

Начните разработку расширения, используя пример.

Совет

Ознакомьтесь с нашей новой документацией по разработке расширений с помощью пакета SDK для расширений Azure DevOps.

В следующих примерах Майкрософт показаны возможности платформы расширений и способы участия в различных областях. Каждый пример иллюстрирует один или несколько вкладов. Мы ограничиваем количество вкладов для каждого примера, чтобы повысить понимание платформы расширений.

Пример Исходный код Участие в проекте Description
BreadcrumbService GitHub Служба навигации, Концентратор Добавляет службу навигации, которая добавляет элемент "Образец элемента хлеба" в концентратор выборки. Чтобы просмотреть этот элемент, перейдите в пример концентраторав группе концентраторов Pipelines .
CodeEditorContribution GitHub Редактор кода Добавляет определение языка и схему JSON для редактора кода.
Компонент GitHub Функция, концентратор, поставщик свойств Показывает, как подключиться к панели функций предварительной версии в меню профиля пользователя. Добавляет простой концентратор, который отображается только при включении функции ABC. Вы можете включить и отключить функцию для каждого пользователя или организации.
Узел GitHub Узел Добавляет концентратор с именем Sample Hub в группу концентраторов Pipelines . Пример концентратора находится на странице уровня проекта в элементе навигации Pipelines .
Menu GitHub Элемент меню "Определение сборки" Добавляет элементменю определения сборки образца в концентратор builds в раскрывающемся меню действий. Обработчик меню получает текущее определение сборки из переданного контекста, выполняет вызов REST, а затем отображает результат в поле сообщения.
Panel GitHub Содержимое панели, Концентратор Применяется в примере Концентратора. Содержит кнопку переключателя вместе с кнопками "ОК " и "Отмена ". Можно использовать как настраиваемую панель или содержимое диалогового окна.
Сводка GitHub Веб-вкладка Добавляет вкладку "Пример сводки" на домашнюю страницу организации или коллекции проектов рядом с проектами, "Мои рабочие элементы" и "Мои запросы на вытягивание".
Pills GitHub Поставщик таблетки Добавляет таблетки на заголовок страницы определения конвейера (выполняется).
QueryParamsHandler GitHub Подписка на событие Добавляет службу, которая загружается на любой странице всякий раз showMyPanel , когда параметр запроса отображается в URL-адресе при загрузке любой страницы. Служба запуска отображает пользовательскую панель из примера Панели, используя необязательный myPanelTitle параметр запроса в качестве заголовка панели.
РепозиторийActions GitHub Menu Item Он добавляет элемент меню действия примера репозитория в средство выбора репозитория в заголовке страниц центра кода. href Если свойство отображается, выберите действие, чтобы перейти к указанному URL-адресу. uri Если свойство предоставлено, этот код выполняется при выборе действия.
РепозиторийServiceHub GitHub Узел Добавляет центр сведений о репозитории в группу центров кода. Демонстрирует, как взаимодействовать с IVersionControlRepositoryService основными сведениями о репозитории Git пользователя.
WorkItemFormGroup GitHub Группа форм рабочих элементов Добавляет расширение группы форм WorkItem в форму рабочего элемента, чтобы показать, как взаимодействовать со IWorkItemFormService службой и IWorkItemNotificationListener. Предоставляет пользовательский интерфейс, чтобы показать, как изменять значения полей с помощью службы форм и отображать события уведомлений формы рабочего элемента.
WorkItemOpen GitHub Узел Добавляет в группу центров Boards пример WorkItem Open, чтобы показать, как взаимодействовать со службойIWorkItemFormNavigationService. Предоставляет пользовательский интерфейс для открытия существующего рабочего элемента по идентификатору или открытия формы рабочего элемента для нового рабочего элемента по типу рабочего элемента. Любой из этих параметров открывает диалоговое окно в кадре узла.
Настраиваемый элемент управления "Форма рабочего элемента цветовой шкалы" GitHub Элемент управления формой рабочего элемента Добавляет цветовое кодирование в значения в раскрывающемся списке.
Управление папками GitHub Действие контекстного меню (дерево обозревателя кода) Создает папку в исходных репозиториях из дерева обозревателя кода. Не нужно клонировать репозиторий или устанавливать дополнительные средства.
Выполнение автономного теста GitHub Вкладка "План тестирования" Позволяет тестировщику выполнять тестовые действия, даже если они отключены от Azure DevOps. Можно сделать с помощью экспортируемой электронной таблицы Excel.
Задачи служебной программы управления выпусками GitHub Задачи управления выпусками Задачи служебной программы для управления выпусками.
Свертка доски GitHub Мини-приложение панели мониторинга Показывает количество карта в каждом столбце доски Канбан.
Визуализация модели состояния GitHub Действие панели инструментов (рабочий элемент), Концентратор Визуализировать модель состояния для выбранного типа рабочего элемента.
Командный календарь GitHub Концентратор, источники событий Отслеживайте события, важные для вашей команды, просматривайте и управляйте выходными днями, быстро узнать, когда спринты начинаются и заканчиваются, и многое другое.
Работоспособности командного проекта GitHub Мини-приложение панели мониторинга Позволяет пользователям визуализировать общую работоспособность сборок, обеспечивая визуальный сигнал, аналогичный Кодифи Build Light.
WSJF (взвешемое самое короткое задание) GitHub Уведомление (рабочий элемент), действие контекстного меню (рабочий элемент) Автоматически вычисляет WSJF (взвешемое самое короткое задание) для каждого рабочего элемента и сохраняет его в поле рабочего элемента.
Каскадные списки GitHub Форма рабочего элемента Определите каскадное поведение для списков выбора в форме рабочего элемента.

Начать

Чтобы быстро приступить к работе, используйте начальный проект , содержащий файлы, необходимые для создания расширения с помощью TypeScript. Существует скрипт grunt для автоматизации сборки, упаковки и публикации расширения.