コンテンツにスキップ

Aspire Visual Studio Code 拡張機能

Aspire Visual Studio Code 拡張機能は、Visual Studio Code 内で Aspire を扱う作業を効率化するための一連のコマンドとツールを提供します。この拡張機能には、プロジェクトの作成、統合の追加、ソリューションの構成、デプロイの管理を行うためのコマンドが含まれています。また、この拡張機能は Aspire CLI を必要とし、Visual Studio Code のコマンドパレット上で同様の機能を提供します。

Aspire Visual Studio Code 拡張機能を使用するには、次が必要です:

  • Aspire CLI がインストールされており、PATH に含まれていること

Aspire VS Code 拡張機能をインストールするには、次の手順を実行します:

  1. VS Code を開きます。
  2. 表示 > 拡張機能 を選択するか、 Command + Shift + X Control + Shift + X Control + Shift + X を押して 拡張機能 ビューを開きます。
  3. 拡張機能マーケットプレースで「aspire」を検索します。
  4. Microsoft が公開している Aspire 拡張機能を選択します。
  5. インストール を選択します。
拡張機能マーケットプレースから Aspire 拡張機能をインストールする方法を示した VS Code のスクリーンショット。

または、 VS Code Marketplace から拡張機能を直接インストールすることもできます。

拡張機能コマンドへのアクセス

Section titled “拡張機能コマンドへのアクセス”

Aspire 拡張機能のすべてのコマンドは、VS Code のコマンドパレットから利用できます:

  1. Command + Shift + P Control + Shift + P Control + Shift + P を押してコマンドパレットを開きます。
  2. 「Aspire」と入力して、利用可能なすべての Aspire コマンドを絞り込み表示します。
  3. 一覧から目的のコマンドを選択します。

すべてのコマンドは、見つけやすいようにコマンドパレット内の Aspire カテゴリにまとめられています。

Aspire VS Code 拡張機能では、次のコマンドが提供されています:

CommandDescriptionAvailability
Aspire: New Aspire projectテンプレートから新しい Aspire apphost またはスターター アプリを作成します。利用可能
Aspire: Add an integrationAspire apphost にホスティング統合 (Aspire.Hosting.*) を追加します。利用可能
Aspire: Configure launch.jsonワークスペースの launch.json に既定の Aspire デバッガー起動構成を追加します。これにより、ワークスペース内の apphost を検出して実行します。利用可能
Aspire: Manage configuration settings機能フラグを含む構成設定を管理します。利用可能
Aspire: Open Aspire terminalAspire プロジェクトで作業するための Aspire VS Code ターミナルを開きます。利用可能
Aspire: Publish deployment artifactsAspire apphost 用のデプロイ成果物を生成します。プレビュー
Aspire: Deploy appAspire apphost の内容を、定義されたデプロイ先にデプロイします。プレビュー
Aspire: Update integrationsapphost 内のホスティング統合および Aspire SDK を更新します。プレビュー

拡張機能を使用して新しい Aspire アプリを作成するには、次の手順を実行します:

  1. コマンドパレットを開きます。 ( Command + Shift + P Control + Shift + P Control + Shift + P )
  2. Aspire: New Aspire project コマンドを実行します。
  3. 使用するテンプレートを選択します。
  4. プロジェクト名と保存場所を指定します。
Aspire 拡張機能を使用してテンプレート オプションを表示し、新しい Aspire ソリューションを作成する方法を示した VS Code のスクリーンショット。

拡張機能によりプロジェクトが作成され、VS Code で開かれます。

Aspire ソリューションに統合を追加する

Section titled “Aspire ソリューションに統合を追加する”

Aspire の統合機能は、さまざまなクラウド サービスや依存関係への事前構成済みの接続を提供します。統合を追加するには、次の手順を実行します:

  1. コマンドパレットを開きます。
  2. Aspire: Add an integration コマンドを実行します。
  3. 追加したい統合パッケージを参照するか、検索します。
  4. 統合を選択して、AppHost プロジェクトに追加します。

拡張機能により、適切な NuGet パッケージ参照が AppHost プロジェクトに追加されます。

Aspire ソリューションを構成する

Section titled “Aspire ソリューションを構成する”

Aspire 拡張機能には、開発時における Aspire および Aspire CLI の動作を構成するための複数のコマンドが含まれています:

デバッグ用に launch.json を構成する

Section titled “デバッグ用に launch.json を構成する”

VS Code で Aspire アプリケーションを実行およびデバッグするには、 launch.json ファイルを構成する必要があります:

  1. コマンドパレットを開きます。
  2. Aspire: Configure launch.json コマンドを実行します。
  3. 拡張機能により、既定の Aspire デバッガー構成がワークスペースの launch.json ファイルに追加されます。

既定の構成は次のとおりです:

.vscode/launch.json
{
"type": "aspire",
"request": "launch",
"name": "Aspire: Launch Default AppHost",
"program": "${workspaceFolder}"
}

program フィールドは、特定の AppHost プロジェクト ファイルを指すようにカスタマイズできます。たとえば次のようになります:

.vscode/launch.json
{
"type": "aspire",
"request": "launch",
"name": "Aspire: Launch MyAppHost",
"program": "${workspaceFolder}/MyAppHost/MyAppHost.csproj"
}

Aspire: Manage configuration settings コマンドは、 aspire config の要求オプションを実行し、その結果を VS Code のターミナルに表示します。 get および set コマンドを使用して Aspire CLI を構成できます。 list コマンドを使用すると、現在の構成値を表示できます。

開発モードで Aspire ソリューションを実行する

Section titled “開発モードで Aspire ソリューションを実行する”

Aspire アプリケーションを開発モードで実行するには、次の手順を行います:

  1. デバッグ用に launch.json を構成する セクションで説明されているとおり、 launch.json が構成されていることを確認します。
  2. 表示 > 実行 を選択するか、 Command + Shift + D Control + Shift + D Control + Shift + D を押して 「実行とデバッグ」 ビューを開きます。
  3. ドロップダウンから Aspire の起動構成を選択します。
  4. 緑色の Start Debugging ボタンを選択するか、 F5 F5 F5 を押します。

拡張機能は AppHost プロジェクトをビルドして起動し、Aspire ダッシュボードをブラウザーで開き、ソリューション内のすべてのリソースに対してデバッグを有効にします。

または、 Aspire: Open Aspire terminal を使用して Aspire VS Code ターミナルを開き、 aspire run --start-debug-session を実行することで、VS Code のデバッグ セッションを開始することもできます。

エディターから実行またはデバッグする

Section titled “エディターから実行またはデバッグする”

ワークスペース内で AppHost プロジェクトが検出されると、エディターから直接実行またはデバッグすることもできます。AppHost ファイルを表示している際に、エディターのタイトル バーにある実行ボタンを使用してください。

Aspire: Publish deployment artifacts コマンドは、Aspire AppHost 用のデプロイ成果物を生成します。このコマンドはリソースをディスクにシリアル化し、デプロイ ツールで利用できるようにします。

デプロイ成果物を発行するには、次の手順を実行します:

  1. コマンドパレットを開きます。
  2. Aspire: Publish deployment artifacts コマンドを実行します。
  3. 生成された成果物の出力先を選択します。

このコマンドは、登録されている発行コールバック アノテーションを呼び出し、次のような成果物を生成します:

  • Azure リソース用の Bicep ファイル。
  • Docker Compose の YAML ファイル。
  • Kubernetes の Helm チャート。

Aspire の発行について詳しくは、Aspire の発行とデプロイの概要を参照してください。

Aspire ソリューションをデプロイする

Section titled “Aspire ソリューションをデプロイする”

Aspire: Deploy app コマンドは、Aspire AppHost の内容を、定義されているデプロイ先にデプロイします。

Aspire ソリューションをデプロイするには、次の手順を実行します:

  1. コマンドパレットを開きます。
  2. Aspire: Deploy app コマンドを実行します。
  3. プロンプトに従って、デプロイ先を選択し、必要な構成を指定します。

このコマンドはデプロイ成果物を発行した後、デプロイ コールバック アノテーションを呼び出して、指定されたデプロイ先にリソースをデプロイします。

Aspire のデプロイについて詳しくは、Aspire の発行とデプロイの概要 を参照してください。

Aspire: Open Aspire terminal コマンドは、Aspire プロジェクトでの作業用に構成されたターミナル ウィンドウを開きます。このターミナルでは Aspire CLI コマンドに簡単にアクセスでき、適切な環境変数が事前に設定されています。

Aspire VS Code 拡張機能に関する問題の報告や機能の要望を行うには、次の手順を実行します:

  1. Aspire GitHub リポジトリ にアクセスします。
  2. 新しい Issue を作成し、 area-extension ラベルを追加します。