拡張機能サンプル

  • [アーティクル]

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

サンプルから作業して拡張機能の開発を開始します。

ヒント

Azure DevOps 拡張機能 SDK を使用した拡張機能開発に関する最新のドキュメントを確認してください。

次の Microsoft サンプルは、拡張機能フレームワークの機能と、さまざまな領域に貢献する方法を示しています。 各サンプルは、1 つ以上のコントリビューションを示しています。 拡張機能フレームワークの理解を深めるために、サンプルごとにコントリビューションの数を制限しました。

サンプル ソース 貢献 説明
BreadcrumbService GitHub 階層リンク サービス、ハブ 階層リンク サービスが追加され、"Sample Breadcrumb Item" がサンプル ハブに追加されます。 この項目を表示するには、Pipelines ハブ グループの "サンプル ハブ" にアクセスします。
CodeEditorContribution GitHub コード エディター コード エディターの言語定義と JSON スキーマが追加されます。
機能 GitHub 機能、ハブ、プロパティ プロバイダー プレビュー機能パネル (ユーザー プロファイル メニューの下) にフックする方法を示します。 "ABC" 機能が有効になっている場合にのみ表示される単純なハブが追加されます。 この機能は、ユーザーごとまたは組織ごとに切り替えることができます。
ハブ GitHub ハブ "Sample Hub" という名前のハブがハブ グループに追加されます Pipelines 。 プロジェクト レベルのページにアクセスすると、ページの左側にある垂直ナビゲーション メニューのナビゲーション要素の下 Pipelines にサンプル ハブが表示されます。
メニュー GitHub [ビルド定義] メニュー項目 ページの右上にあるドロップダウン アクション メニューのハブに Builds "サンプル ビルド定義メニュー項目" が追加されます。 メニュー ハンドラーは、渡されたコンテキストから現在のビルド定義を取得し、REST 呼び出しを行い、結果をメッセージ ボックスに表示します。
Panel GitHub パネル コンテンツ、ハブ これはサンプル内で Hub 利用されます。 [OK]/[キャンセル] ボタンと共にトグル ボタンが含まれているコンテンツです。 カスタム パネルまたはダイアログ コンテンツとして使用できます。
ピボット GitHub [Web] タブ [サンプル ピボット] ピボット (タブ) が組織 (プロジェクト コレクション) ホーム ページの [プロジェクト]、[作業項目]、[マイ pull requests] の横に追加されます。
薬 GitHub Pii Provider パイプライン定義 (実行) ページのタイトルに丸薬を追加します。
QueryParamsHandler GitHub イベント サブスクリプション これにより、ページが読み込まれるときに URL に "showMyPanel" クエリ パラメーターが存在するたびに、任意のページに読み込まれるサービスが追加されます。 スタートアップ サービスは、パネル のサンプルからカスタム パネルを表示し、オプションの "myPanelTitle" クエリ パラメーターをパネル タイトルとして使用します。
RepositoryActions GitHub メニュー項目 コード ハブ ページのヘッダーのリポジトリ ピッカーに "サンプル リポジトリ アクション" メニュー項目を追加します。 プロパティが href 指定されている場合、アクションをクリックすると、指定された URL に移動します。 a uri が指定されている場合、そのコードはアクションがクリックされたときに実行されます。
RepositoryServiceHub GitHub ハブ "リポジトリ情報" ハブがハブ グループに Code 追加されます。 ここでは、ユーザーが現在選択している Git リポジトリに関する基本情報を取得する操作方法 IVersionControlRepositoryService を示します。
WorkItemFormGroup GitHub 作業項目フォーム グループ "Sample WorkItem Form Group" 拡張機能を workitem フォームに追加して、サービスとIWorkItemNotificationListener対話する方法をIWorkItemFormService示します。 フォーム サービスを使用してフィールド値を変更し、作業項目フォーム通知イベントを表示する方法を示す UI が提供されます。
WorkItemOpen GitHub ハブ Boards ハブ グループに "Sample WorkItem Open" ハブを追加して、サービスと対話する方法を示します IWorkItemFormNavigationService 。 既存の作業項目を (ID で) 開いたり、新しい作業項目の作業項目フォームを開いたりするための UI が提供されます (作業項目の種類別)。 これらのオプションのいずれかを選択すると、ホスト フレームでダイアログが開きます。
カラー スケール作業項目フォームカスタム コントロール GitHub 作業項目フォーム コントロール ドロップダウンの値に色分けを追加します。
フォルダー管理 GitHub コンテキスト メニュー アクション (コード エクスプローラー ツリー) コード エクスプローラー ツリーからソース リポジトリにフォルダーを作成します。 リポジトリを複製したり、追加のツールをインストールしたりする必要はありません。
オフライン テストの実行 GitHub [Test plan]\(テスト計画\) タブ テスト担当者が Azure DevOps から切断された場合でもテスト手順を実行できるようにします。 エクスポートした Excel スプレッドシートを使用して実行できます。
リリース管理ユーティリティのタスク GitHub リリース管理タスク リリース管理のユーティリティ タスク。
ロールアップ ボード GitHub ダッシュボード ウィジェット このウィジェットには、かんばんボードの各列のカード数が表示されます。
サンプル データ ウィジェット GitHub ダッシュボード ウィジェット Team Services プロジェクトにサンプル データを作成します。
状態モデルの視覚化 GitHub ツール バー アクション (作業項目)、ハブ 選択した作業項目の種類の状態モデルを視覚化します。
チーム予定表 GitHub ハブ、イベント ソース チームにとって重要なイベントの追跡、休暇の表示と管理、スプリントの開始と終了のタイミングをすばやく確認できます。
Team Project Health GitHub ダッシュボード ウィジェット ユーザーがビルドの全体的な正常性を視覚化し、Codify Build Light のような視覚的な手掛かりを提供できるようにします。
WSJF (Weighted Shortest Job First) GitHub 通知 (作業項目)、コンテキスト メニュー アクション (作業項目) 自動では、作業項目ごとに WSJF (最も短いジョブの重み付け) が計算され、作業項目フィールドに格納されます。
Cascading Lists GitHub 作業項目フォーム 作業項目フォームの選択リストの連鎖動作を定義します。

ファースト ステップ

できるだけ早く作業を開始するために、TypeScript を使用して拡張機能を ビルドするために必要なファイルを含むシード プロジェクト を使用できます。 拡張機能のビルド、パッケージ化、発行を自動化するために、grunt スクリプトが追加されます。