次の方法で共有


Microsoft 365 間で Teams メッセージ拡張機能を拡張する

メッセージ拡張機能を使用すると、ユーザーはボタンとフォームを使用して Web サービスと対話できます。 ユーザーは、Microsoft 365 全体で Teams アプリを拡張することで、Microsoft Teamsと Outlook から外部システムでアクションを検索または開始できます。 メッセージ拡張機能には、次の 2 種類があります。

  • 検索ベースのメッセージ拡張機能: ユーザーが外部システムを検索し、クライアントの新規作成メッセージ領域で結果を共有できるようにします。

  • アクション ベースのメッセージ拡張機能: モーダル ポップアップを持つユーザーが情報を収集または表示し、対話を処理し、情報をリッチ カードとしてクライアントに送信できるようにします。

注:

Teams 検索ベースのメッセージ拡張機能は Outlook で一般提供され、アクション ベースのメッセージ拡張機能は Outlook のプレビューで利用できます。

Android および iOS 上の Outlook モバイル ユーザーは、Outlook on the webおよび Outlook for Windows でユーザーから送信されたアプリのカードを受け取り、アクションを実行できます。

Microsoft 365 全体の Teams メッセージ拡張機能では、ステージビューとダイアログを起動するためのカードを表示するリンク展開もサポートされています。

前提条件

Teams メッセージ拡張機能を Outlook に拡張するには、次のことを確認します。

メッセージ拡張機能をビルドまたは拡張する

Teams メッセージ拡張機能を Outlook に拡張するには、Teams Toolkit を使用して新しいメッセージ拡張機能アプリを構築するか、既存の Teams メッセージ拡張機能アプリを Outlook に拡張します。

Visual Studio Code 用 Teams Toolkit 拡張機能を使用して、Outlook 用の Teams メッセージ拡張機能アプリを構築できます。 Outlook 用のメッセージ拡張機能アプリを構築するには、次のことを確認します。

検索ベースまたはアクション ベースのメッセージ拡張機能を構築できます。

  1. Visual Studio Code を開きます。

  2. [表示] オプションまたは Ctrl + Shift + P の下にある [コマンド パレット...] を選択します。

  3. [ Teams: 新しいアプリの作成] を選択します

  4. ドロップダウン リストから [ メッセージ拡張機能] を選択します。

  5. [ カスタム検索結果 ] を選択して、最新のアプリ マニフェスト (以前は Teams アプリ マニフェスト) を使用して Teams 検索ベースのメッセージ拡張機能のサンプル コード をダウンロードします

    Teams サンプル オプションを一覧表示する [新しい Teams アプリの作成] VS Code コマンド パレットを示すスクリーンショット。

    左側のウィンドウの [ 開発] で [サンプルの表示] を選択して、 サンプル コードをダウンロードすることもできます。 [ サンプル ] タブが表示され、検索フィールドに「 NPM Search Connector」と入力します。

    Teams Toolkit サンプル ギャラリーの NPM Search Connector サンプルを示すスクリーンショット。

  6. 推奨されるプログラミング言語を選択します。

  7. ワークスペース フォルダーのローカル コンピューター上の場所を選択し、アプリケーション名を入力します。

  8. [表示] オプションまたは Ctrl + Shift + P の下にある [コマンド パレット...] を選択します。

  9. 「Teams: プロビジョニング」と入力して、Azure アカウントに関連するアプリ リソース (Azure App Service、App Service プラン、Azure Bot、マネージド ID など) を作成します。

  10. サブスクリプションとリソース グループを選択します。

  11. [プロビジョニング] を選択します。 または、拡張機能の [ライフサイクル] セクションで [プロビジョニング] を選択することもできます。

  12. [表示] オプションまたは Ctrl + Shift + P の下にある [コマンド パレット...] を選択します。

  13. 「Teams: デプロイ」と入力して、Azure でプロビジョニングされたリソースにサンプル コードをデプロイし、アプリを起動します。 または、拡張機能の [ライフサイクル] セクションで [デプロイ] を選択することもできます。

  14. [展開] を選択します。

これで、 Teams でアプリをアップロード し、 Outlook でメッセージ拡張機能をプレビューできます。 Teams Toolkit を使用してアプリ パッケージをビルドするには、「アプリ パッケージのビルド」を参照してください。

Teams でカスタム アプリをアップロードする

更新したメッセージ拡張機能 (アプリ パッケージ) を Teams にアップロードします。 完了すると、メッセージの作成領域からインストールされている アプリ にメッセージ拡張機能が表示されます。

  1. アプリ マニフェストとアプリ アイコンを含む .zip ファイルを作成 します

  2. Microsoft Teamsに移動し、サンドボックス テナント アカウントを使用してサインインします。

  3. [アプリ]>[アプリの管理]>[アプリのアップロード] を選択します。

    [アプリの管理] の下の [アプリのアップロード] オプションを示すスクリーンショット。

  4. [ カスタム アプリのアップロード ] オプションを選択し、.zip ファイルを選択し、それを Teams クライアントにインストール (追加) します。

    [Teams でカスタム アプリをアップロードする] オプションを示すスクリーンショット。

Teams を介してアップロードした後、メッセージ拡張機能は Outlook for Windows デスクトップと Web で使用できます。

Outlook でメッセージ拡張機能をプレビューする

Outlook on the webで実行されているメッセージ拡張機能をテストする方法を次に示します。 Outlook on the webで実行されているアプリをプレビューするには、次の手順に従います。

  1. テスト テナント資格情報を使用して outlook.com にサインインします。

  2. [新規メッセージ] を選択します。

  3. リボンの [ アプリ ] を選択します。

    Outlook on the webのメッセージ拡張機能のプレビューを示すスクリーンショット。

メッセージ拡張機能が一覧表示されます。 そこからそれを呼び出し、Teams でメッセージを作成する場合と同じように使用できます。

デバッグ

メッセージ拡張機能をデバッグするときに、Activity オブジェクトの channelId フィールドによってボット要求のソース (Teams と Outlook から発信) を識別できます。 ユーザーがクエリを実行すると、サービスは標準の Bot Framework Activity オブジェクトを受け取ります。 Activity オブジェクトのプロパティの 1 つは ですchannelId。これは、ボット要求の発生場所に応じて、 または m365extensionsの値msteamsを持ちます。 詳細については、「 検索ベースのメッセージ拡張機能 SDK 」と 「アクション ベースのメッセージング拡張機能 SDK」を参照してください。

制限事項

更新されたメッセージ拡張機能は Teams で引き続き実行されますが、次の制限事項に注意する必要があります。

  • Outlook のメッセージ拡張機能は、コンテキストでのみ compose サポートされます。 Teams アプリ マニフェストでは、 などのcommandBoxmessageメッセージ拡張コンテキストは Outlook ではサポートされていません。

  • 作成ボックスに カードを送信 するアクション ベースのメッセージ拡張機能は、Outlook でサポートされています。 ただし、 ボットを使用してカードを配信 することはサポートされていません。 このシナリオでは、メッセージ拡張機能を変換して、Outlook の作成ボックスに カードを送信 できます。

  • 1 つのメールに 5 枚を超える アダプティブ カード を挿入することはできません。

  • 、、imBackinvokesignin の種類messageBackカード アクションはサポートされていません。 openURLは、サポートされている唯一のカードアクションです。

  • アダプティブ カードアクションがサポートされています。 Action.Submit ステージビュータスクモジュールの起動のみがサポートされています。

注:

リンクが展開されていないアプリをテストする場合は、テスト後にアプリを手動で削除してください。 複数のアプリが同じドメインを監視している場合、最近インストールされたアプリは、Teams と同様に、Outlook のリンクを解除するために呼び出されない可能性があります。

Microsoft Teams 開発者コミュニティ チャネルを使用して、問題を報告し、フィードバックを提供します。

コード サンプル

サンプルの名前 説明 Node.js
NPM Search Connector メッセージ拡張機能アプリを構築するための Teams Toolkit サンプル アプリ。 Teams と Outlook で動作します。 表示
Teams リンクの展開解除 リンクの展開を示すシンプルな Teams アプリ。 Teams、Outlook で動作します。 表示
Stageview のタブ Microsoft Teams Stageview でタブを示すタブ サンプル アプリ。 Teams、Outlook、Microsoft 365 アプリで動作します。 表示
Microsoft 365 の Teams アクション ベースのメッセージ拡張機能 メッセージ拡張機能アプリを構築するための Teams Toolkit サンプル アプリ。 Teams と Outlook で動作します。 表示

次の手順