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