次の方法で共有


Teams デスクトップ クライアントでのデバッグ

Microsoft 365 Agents Toolkit (以前は Teams Toolkit) は、デスクトップ クライアントでMicrosoft Teams アプリをデバッグしてプレビューするのに役立ちます。 デバッグ プロセス中に、Agents Toolkit によってアプリ サービスが自動的に開始され、デバッガーが開き、Teams アプリがアップロードされます。 デバッグ後に Teams デスクトップ クライアントで Teams アプリをプレビューできます。

Teams デスクトップ クライアントの利点を次に示します。

  • パフォーマンスを向上させます。
  • F5 までの時間を短縮します。
  • デバッグ ターゲットのカバレッジを向上させます。

Teams デスクトップ クライアントの機能

Teams デスクトップ クライアントには、Agents Toolkit によってスキャフォールディングされた次のアプリ テンプレートにデバッグ機能が組み込まれています。

  • ボット。
  • エージェント。
  • カスタム エンジン エージェント。
  • メッセージ拡張機能。

前提条件

Teams デスクトップ クライアントでアプリをビルドして展開するための次のツールをインストールしていることを確認します。

  インストール 使用するには...
  Microsoft 365 Agents Toolkit アプリのプロジェクト スキャフォールディングを作成する Microsoft Visual Studio Code 拡張機能。 最新のプレリリース バージョンを使用します。
  Node.js バックエンド JavaScript ランタイム環境。 詳細については、「 プロジェクトの種類node.js バージョン互換性テーブル」を参照してください
  Visual Studio Code JavaScript、TypeScript、または SharePoint Framework (SPFx) ビルド環境。 最新バージョンを使用します。
  Microsoft 365 開発者アカウント アプリをインストールするための適切なアクセス許可を持つ Teams アカウントにアクセスします。

Teams デスクトップ クライアントでのデバッグ

Teams デスクトップ クライアントでカスタム エンジン エージェント アプリをデバッグするには

  1. Visual Studio Code (VS Code) を開き、Agents Toolkit を使用して Microsoft 365 アカウントにログインします。

  2. Teams エージェントまたはアプリ プロジェクトを開きます。

    新しいエージェントまたはアプリの作成の詳細については、「Teams で最初のエージェントまたはアプリをビルドする」を参照してください。

  3. 左側のウィンドウで、[ 実行とデバッグ (Ctrl+Shift+D)] を選択し、ドロップダウン リストから [ Teams (デスクトップ)] で [デバッグ ] を選択します。

    Teams (デスクトップ) で [デバッグ] を選択するオプションを示すスクリーンショット。

  4. Teams デスクトップ ログインが Agents Toolkit で使用されている Microsoft 365 アカウントと一致していることを確認し、[ 続行] を選択します。

    デスクトップ ログインを示すスクリーンショット。

    アプリを追加するための Teams デスクトップ クライアント要求。

  5. [追加] を選択します。

    アプリを Teams デスクトップ クライアントに追加する [追加] ボタンを示すスクリーンショット。

    チャット ウィンドウが開きます。

  6. メッセージ作成領域から、ボットを呼び出すメッセージを送信します。

    Teams デスクトップ クライアントに追加されたアプリを示すスクリーンショット。

    注:

    アカウントの照合に関するシステム レベルの通知は、プロジェクトごとに 1 回だけ表示されます。 以降のデバッグ セッションでは、エージェント ツールキットは VS Code 通知を介してアカウントに関するリマインダーを送信します。

    スクリーンショットは、vs code での後続のデスクトップ ログイン通知を示しています。

  7. ブレークポイントを追加し、変更を ホット リロード できます。 次の例では、ブレークポイントが行番号の横にある赤いドットで強調表示されています。

    アプリのブレークポイントの例を示すスクリーンショット。

    アプリのホット リロード後の例を示すスクリーンショット。

Teams デスクトップ クライアントでカスタム エンジン エージェント アプリを引き続きデバッグできます。

関連項目