Agents Toolkit を使用してアプリを開発する

Teams 用開発者ポータルでアプリを作成した後、次のことができます。

Visual Studio Code でアプリを開きます。
Visual Studio でアプリを開きます。

Microsoft 365 Agents Toolkit (以前は Teams Toolkit) は、開発者ポータルで設定した機能と構成に基づいて必要なファイルをスキャフォールディングします。これにより、Visual Studio Code と Visual Studio の開発者ポータルとエージェントツールキットの間でシームレスに切り替えられます。

Visual Studio Code でアプリを開く

開発者ポータルでは、Visual Studio Code でプロジェクト (React アプリ) を開いて起動できます。

注:

アプリを開くには、最新バージョンの Agents Toolkit for Visual Studio Code をインストールします。

開発者ポータルから Visual Studio Code でアプリを開く手順を次に示します。

開発者ポータルにサインインし、左側のウィンドウから [アプリ] を選択します。
[開発>Microsoft 365 Agents Toolkit で開く>Visual Studio Code (JS/TS) で開く) を選択します。

ブラウザーウィンドウでダイアログが開きます。
[開く]を選択します。

Visual Studio Code でダイアログが開きます。
[開く]を選択します。

必要に応じて、Microsoft 365 アカウントにサインインします。
アプリを選択し、[ OK] を選択します。

Agents Toolkit は、開発者ポータルで構成した URL を localhost アドレスに変換して、デバッグプロセスを操作します。
任意のプログラミング言語を選択します。
ワークスペースフォルダーを選択します。
アプリ名を入力します。

Agents Toolkit は、必要なすべての構成ファイルとコードファイルを使用してプロジェクトをスキャフォールディングします。これで、開発を開始する準備ができました。

Visual Studio でアプリを開く

Visual Studio でプロジェクトを開き、エージェントツールキットを使用して Visual Studio でプロジェクトをスキャフォールディングできます。 Visual Studio 2022 バージョン 17.6 Preview 2 がインストールされていることを確認します。

開発者ポータルから Visual Studio でアプリを開く手順を次に示します。

開発者ポータルにサインインし、左側のウィンドウから [アプリ] を選択します。
[開発>Microsoft 365 Agents Toolkit で開く>Visual Studio (.NET)で開く) を選択します。
[ 開く ] を選択して、プロジェクトをスキャフォールディングします。

必要に応じて、Microsoft 365 アカウントにサインインします。
プロジェクト名、場所、ソリューション名を入力します。 [作成] を選択します。
アプリケーションの種類を選択し、[ 作成] を選択します。

Agents Toolkit は、開発者ポータルで構成したアプリを localhost アドレスに変換して、デバッグプロセスを操作します。

Agents Toolkit は、必要なすべての構成ファイルとコードファイルを使用してプロジェクトをスキャフォールディングします。これで、開発を開始する準備ができました。