リンク展開

[アーティクル]
02/13/2024

重要

このセクションのコードサンプルは、v4.6 以降のバージョンの Bot Framework SDK に基づいています。以前のバージョンのドキュメントをお探しの場合は、ドキュメントの Resources フォルダーにあるメッセージ拡張機能 - v3 SDK セクションを参照してください。

このドキュメントでは、開発者ポータルを使用してアプリマニフェストにリンク解除を追加する方法と手動で説明します。リンクの展開を解除すると、特定のドメインの URL が新規作成メッセージ領域に貼り付けられているときに、アプリが呼び出しアクティビティを受信するように登録できます。 invoke には、メッセージ作成領域に貼り付けられた完全な URL が含まれ、ユーザーが展開できるカードを使用して応答し、追加情報やアクションを提供できます。これは検索コマンドと同様に機能し、URL は検索語として機能します。アプリをインストールせずに、Microsoft Teams へのリンク展開を追加できるようになりました。

注:

リンク展開の結果は、30 分間キャッシュされます。
リンクの展開では、アダプティブカードバージョン 1.3 以前がサポートされています。
リンク解除には、メッセージング拡張機能コマンドは必要ありません。ただし、マニフェストには、メッセージング拡張機能の必須プロパティであるため、少なくとも 1 つのコマンドが必要です。詳細については、「 compose extensions」を参照してください。
モバイルクライアントの場合、リンク展開は、認証を必要としないリンクに対してのみサポートされます。

次の図は、Teams デスクトップクライアントとモバイルクライアントでのリンク展開の例です。

デスクトップ
モバイル

リンクが Teams 作成メッセージ領域に貼り付けると、リンクは作業項目の詳細を含むカードに展開されます。

チームの新規作成メッセージ領域に貼り付けた Azure Dev Ops リンクのリンク展開の例のスクリーンショット。

リンクの展開の詳細については、次のビデオを参照してください。

アプリマニフェストにリンク展開を追加する

アプリマニフェストにリンク展開を追加するには、アプリマニフェスト JSON の composeExtensions セクションに新しい messageHandlers 配列を追加します。配列は、開発者ポータルの助けを借りて追加することも、手動で追加することもできます。ドメイン一覧には、ドメインの 1 つのセグメントに一致するワイルドカードを *.example.com 含めることができます。と一致 a.b.example.comさせる必要がある場合は、を使用 *.*.example.comします。

注:

直接またはワイルドカードを使用して、コントロールに含まれていないドメインを追加しないようにします。たとえば、 yourapp.onmicrosoft.com は有効ですが *.onmicrosoft.com 、無効です。最上位のドメインは、たとえば*.com*.org、禁止されています。

開発者ポータルを使用してリンクの展開を追加する

Microsoft Teams クライアントから 開発者ポータル を開き、[ アプリ ] タブを選択します。

注:

Teams クライアントにアプリを追加していない場合は、開発者ポータルアプリを追加する必要があります。
アプリマニフェストを読み込みます。
[アプリの機能] で [メッセージング拡張機能] を選択し、[既存のボットの選択] または [新しいボットの作成] を選択します。
[保存] を選択します。
[プレビューリンク] セクションで [ドメインの追加] を選択し、有効なドメインを入力します。
[追加] を選択します。次の図にこのプロセスを示します。

手動でリンク展開を追加する

注:

Microsoft Entra ID経由で認証が追加された場合は、ボットを使用して Teams のリンクを削除します。

まず、配列を messageHandlers アプリマニフェストに追加し、メッセージ拡張機能がリンクと対話できるようにする必要があります。次の例は、リンク展開を手動で追加する方法を説明しています。

...
{
  "composeExtensions": [
    {
      "botId": "abc123456-ab12-ab12-ab12-abcdef123456",
      "messageHandlers": [
        {
          "type": "link",
          "value": {
            "domains": [
              "*.trackeddomain.com"
            ]
          }
        }
      ]
    }
  ]
}
...

完全なマニフェスト例については、マニフェストリファレンスを参照してください。

`composeExtensions/queryLink` 呼び出しを処理する

アプリマニフェストにドメインを追加した後、要求を処理するように Web サービスコードを更新する invoke 必要があります。受信した URL を使用してサービスを検索し、カード応答を作成します。複数のカードで応答する場合は、最初のカード応答のみが使用されます。

注:

ボットからの応答には、プロパティを preview 含める必要があります。

次の種類のカードがサポートされています。

詳細については、「アクションタイプ invoke」を参照してください。

次のコードは、要求の例です invoke 。

ボットに送信された invoke の例を次に示します。

   {
     "type": "invoke",
     "name": "composeExtension/queryLink",
     "value": {
       "url": "https://theurlsubmittedbyyouruser.trackeddomain.com/id/1234"
     }
   }

応答の例:

{
 "composeExtension":
   {
     "type": "result",
     "attachmentLayout": "list",
     "attachments": 
     [
       {
         "contentType": "application/vnd.microsoft.card.adaptive",
         "preview": 
          {
            "contentType": "application/vnd.microsoft.card.adaptive",
            "content": << Card Payload >>
          },
          "contentType": "application/vnd.microsoft.card.adaptive",
          "content": << Card Payload >>
       }
      ]
   }
}

 protected override Task<MessagingExtensionResponse> OnTeamsAppBasedLinkQueryAsync(ITurnContext<IInvokeActivity> turnContext, AppBasedLinkQuery query, CancellationToken cancellationToken)
  {
     AdaptiveCard adaptiveCard = new AdaptiveCard(new AdaptiveSchemaVersion(1, 3));
     adaptiveCard.Body.Add(new AdaptiveTextBlock()
       {
           Text = "Adaptive Card",
           Size = AdaptiveTextSize.ExtraLarge
       });
         adaptiveCard.Body.Add(new AdaptiveImage()
         {
           Url = new Uri("https://raw.githubusercontent.com/microsoft/botframework-sdk/master/icon.png")
         });
         var attachments = new MessagingExtensionAttachment()
         {
            Content = adaptiveCard,
            ContentType = AdaptiveCard.ContentType
         };
         return Task.FromResult(new MessagingExtensionResponse
         {
           ComposeExtension = new MessagingExtensionResult
             {
               AttachmentLayout = "list",
               Type = "result",
               Attachments = new List<MessagingExtensionAttachment>
                 {
                    new MessagingExtensionAttachment
                    {
                      Content = adaptiveCard,
                      ContentType = AdaptiveCard.ContentType,
                      Preview = attachments,
                    },       
                  },
              },
         }); 
   }


handleTeamsAppBasedLinkQuery(context, query) {
   const card = CardFactory.adaptiveCard({
   "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
   "type": "AdaptiveCard",
   "version": "1.3"
   });
const attachment = CardFactory.adaptiveCard(card);
attachment.preview = {
   content: {
     title: "Thumbnail Card",
     text: query.url,
     images: [
       {
          url: "https://raw.githubusercontent.com/microsoft/botframework-sdk/master/icon.png",
       },
     ],
   },
contentType: "application/vnd.microsoft.card.thumbnail",
}

Web サイトリンクのマイクロ機能

Microsoft Teams でコンテンツを共有する最も一般的な方法は、リンク経由です。リンクの場合、Teams はリンクのプレビューをアダプティブカードに展開し、画像、タイトル、説明などの情報を表示します。

Microsoft Teams にアプリをインストールしなくても、リンクのリッチアンファールプレビューを表示できます。 schema.org メタデータを JSON-LD 形式で Web サイトに追加し、製品に一致するマイクロ機能テンプレートを使用します。 Teams では、これらのテンプレートを使用して、Microsoft Teams のリンクのリッチプレビューを削除します。

リンクのリッチアンファールプレビューを有効にする

Web サイトに schema.org を既に追加している場合は、Teams メッセージ作成領域に貼り付けることで、リンクのリッチアンファールプレビューを表示できます。

Web サイトに schema.org を追加していない場合は、次の手順に従って、リッチアンファールプレビューエクスペリエンスを手動でチェックできます。

JSON-LD 形式の schema.org メタデータを Web サイトに追加します。
Web サイトで、サポートされている@type属性をチェックし、スクリプトタグの下にメタデータをコピーしますapplication/ld+json。
アダプティブカードデザイナーを開き、新しいファイルを作成します。
サンプルデータエディターで、Web サイトの json メタデータを貼り付けます。
マイクロ機能テンプレートを確認し、 カードペイロードエディターでテンプレートコードを追加します。

必要に応じて、 サンプルデータエディターでテンプレートから Web サイトのメタデータに新しい属性を追加します。
アダプティブカードの展開解除エクスペリエンスをプレビューするには、[ プレビューモード] を選択します。

詳細については、「 Web サイトリンクのマイクロ機能」を参照してください。

リンク展開のゼロインストール

ゼロインストールリンク展開は、ユーザーが Teams でアプリを検出またはインストールする前でも、共有リンクのプレビューを展開解除するのに役立ちます。アプリをインストールまたは認証する前に、新 invoke しい要求でカードを匿名で展開したり、事前認証されたアダプティブカードプレビューを作成したりできます。

次の図は、ゼロインストールリンクの展開を有効にして使用するためのシーケンシャルフローを示しています。

ゼロインストールリンクの展開を有効にする

ゼロインストールリンクの展開準備を整えるには、次の手順に従います。

マニフェストスキーマでプロパティsupportsAnonymizedPayloadsを true に設定します。

新しい invoke 要求 composeExtensions/anonymousQueryLinkを処理するようにアプリを設定します。

新しい invoke 要求の例:

要求ペイロードの invoke 例:

{
   "name":"composeExtension/anonymousQueryLink",
   "type":"invoke",
   "timestamp":"2021-12-02T08:12:21.148Z",
   "localTimestamp":"2021-12-02T00:12:21.148-08:00",
   "id":"f:43d59e15-6114-bd53-08c3-b232aa648ec1",
   "channelId":"msteams",
   "serviceUrl":"https://smba.trafficmanager.net/amer/",
   "from":{
      "id":"redacted",
      "name":"redacted"
   },
   "conversation":{
      "isGroup":true,
      "conversationType":"groupChat",
      "tenantId":"redacted",
      "id":" redacted",
      "name":" redacted"
   },
   "recipient":{
      "id":"28:85fa138c-7654-4236-86eb-466160687029",
      "name":"test bot"
   },
   "entities":[
      {
         "locale":"en-US",
         "country":"US",
         "platform":"Mac",
         "timezone":"America/Los_Angeles",
         "type":"clientInfo"
      }
   ],
   "channelData":{
      "tenant":{
         "id":" redacted"
      },
      "source":{
         "name":"compose"
      }
   },
   "value":{
      "url":"https://test.test.com/test"
   },
   "locale":"en-US",
   "localTimezone":"America/Los_Angeles"
}

ペイロードに応答します composeExtensions/anonymousQueryLink 。

認証以外のシナリオの場合: as result とカードを含むtype応答を送信する必要があります。次のテンプレートを使用します。

{
  "composeExtension": {
    "type": "result",
    "attachmentLayout": "list",
    "attachments": [
      {
        "contentType": "application/vnd.microsoft.teams.card.o365connector",
        "content": {
          "sections": [
            {
              "activityTitle": "[85069]: Create a cool app",
              "activityImage": "https://placekitten.com/200/200"
            },
            {
              "title": "Details",
              "facts": [
                {
              "name": "Assigned to:",
              "value": "[Larry Brown](mailto:larryb@example.com)"
                },
                {
              "name": "State:",
              "value": "Active"
                }
              ]
            }
           ]
         }
      }
    ]
  }
}

認証シナリオの場合: 添付ファイルにtype省略可能な事前認証カードと同様authの応答を送信する必要があります。次のテンプレートを使用します。

{
   "composeExtension": {
      "type": "auth",
      "attachmentLayout": "list",
      "attachments": [
         {
           "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
           "type": "AdaptiveCard",
           "version": "1.5",
           "actions": [],
           "body": [
             {
               "type": "TextBlock",
               "size": "medium",
               "weight": "bolder",
               "text": "Zero-install test app"
            },
            {
               "type": "TextBlock",
               "text": "Link your account with this app for a full experience",
               "wrap": true
            }
           ]
         }
      ]
   }
}

事前認証カード (認証のみ): カードプレビューを作成して、アプリをインストールしていないユーザーのリンクを削除します。事前テンプレート化されたカードを作成するか、ユーザーが更新する関連するプレースホルダーフィールドを追加できます。ユーザーは、アプリをインストールする前に、アプリについて学習できます。

カスタマイズされたカードを作成し、関連するフィールドを追加できます。ユーザーは、フィールドに従って必要な情報を入力できます。次の図は、カスタマイズされたカードプレビューを示しています。

次の図は、既定のプレビューカードを示しています。

注:

メッセージ作成領域にリンクを貼り付けた後、Teams はリンクをカードに展開し、ユーザーにアプリへのサインインを求めます。ユーザーがアプリにサインインしない場合、リンクはチャットのカードとして投稿されません。
利点と制限事項:
- メリット
- 限界事項
ゼロインストールリンクの展開は、次のようなユーザーに強化されたエクスペリエンスを提供するのに役立ちます。
- アプリをインストールする前に、ユーザーが Teams で共有するリンクのプレビューの展開を解除します。
- プレースホルダーフィールドを含むプレビューを表示するために、アプリ用のウェルカムカードを作成します。
制限事項を次に示します。
- ボットは、呼び出し要求への応答 result として、または auth プロパティの type 値としてのみ応答を composeExtensions/anonymousQueryLink 送信できます。ユーザーは、 silentAuth や config など、他のすべての応答の種類に関するエラーをログに記録できます。
- ボットは、呼び出し要求に応答してcomposeExtensions/anonymousQueryLinkユニバーサルアクションを含むアダプティブカードを送信することはできません。その結果、または認証の事前認証カードとして返されます。
- ボットが認証前のカードを使用してプロパティを送信"type": "auth"することを選択した場合、Teams はカードからアクションボタンを取り除き、サインインアクションボタンを追加してユーザーがアプリに認証できるようにします。

ゼロインストールリンクの展開をテストする方法

展開されていないゼロインストールリンクをテストするときは、個人用アプリとしてアプリをインストールしないでください。代わりに、アプリを Teams にアップロードします。

注:

Microsoft Visual Studio デバッガーからテストアプリを直接実行しないでください。

ゼロインストールリンクの展開をテストするには、次の手順に従います。

Microsoft Teams 管理センターにサインインします。
左側のウィンドウで、[Teams アプリ] [アプリ>の管理] の順に選択します。
[ + 新しいアプリのアップロード] を選択します。
[アップロード] を選択します。
[ 開く ] を選択して、テストアプリケーションの zip ファイルをアップロードします。
アプリのアップロードが成功したら、[Teams Apps Built for your org]\(組織用に構築されたTeams>アプリ>\) に移動します。
呼び出し要求を composeExtensions/anonymousQueryLink テストするには、アプリケーションで anonymousQueryLink 要求を実装するメソッドにブレークポイントを設定します。

リンクの展開を解除するキャッシュを削除する

ユーザーが会議でリンクを共有すると、Teams アプリはアダプティブカードへのリンクを展開します。リンク展開の結果は、30 分間 Teams にキャッシュされます。アプリを更新してキャッシュポリシーを設定し、アプリのキャッシュを削除できます。このアクションは、アプリのリンクが Teams の別のコンテキストで共有されている場合に、アダプティブカードにさまざまなコンテンツを表示するのに役立ちます。

リンクの展開を解除するキャッシュを削除するには、プロパティの下にあると同様setcachepolicyにをtype使用してボットをsuggestedActions更新します。 Teams は、を使用してアプリリンクの結果を "type": "setCachePolicy"キャッシュしません。

プロパティの次の JSON ペイロードの suggestedActions 例:

"suggestedActions": {
            "actions": [
                {
                    "type": "setCachePolicy",
                    "value": "{\"type\":\"no-cache\"}"
                }
            ]
        },

ステップバイステップのガイド

このステップバイステップガイドに従うと、ボットを使用して Teams でリンクを展開できます。

コードサンプル

サンプルの名前	説明	.NET	Node.js	マニフェスト
ゼロインストールリンクの展開。	このサンプルでは、構成ページで Search ベースのメッセージング拡張機能を使用する方法を示します。このサンプルでは、ゼロインストールリンクの展開も備えています。	表示	表示	表示

リンク展開

アプリマニフェストにリンク展開を追加する

開発者ポータルを使用してリンクの展開を追加する

手動でリンク展開を追加する

`composeExtensions/queryLink` 呼び出しを処理する

Web サイトリンクのマイクロ機能

リンクのリッチアンファールプレビューを有効にする

リンク展開のゼロインストール

ゼロインストールリンクの展開を有効にする

ゼロインストールリンクの展開をテストする方法

リンクの展開を解除するキャッシュを削除する

ステップバイステップのガイド

コードサンプル

関連項目

フィードバック

その他のリソース

リンク展開

アプリ マニフェストにリンク展開を追加する

開発者ポータルを使用してリンクの展開を追加する

手動でリンク展開を追加する

composeExtensions/queryLink 呼び出しを処理する

Web サイトリンクのマイクロ機能

リンクのリッチ アンファール プレビューを有効にする

リンク展開のゼロ インストール

ゼロ インストール リンクの展開を有効にする

ゼロ インストール リンクの展開をテストする方法

リンクの展開を解除するキャッシュを削除する

ステップ バイ ステップのガイド

コード サンプル

関連項目

フィードバック

その他のリソース

アプリマニフェストにリンク展開を追加する

`composeExtensions/queryLink` 呼び出しを処理する

リンクのリッチアンファールプレビューを有効にする

リンク展開のゼロインストール

ゼロインストールリンクの展開を有効にする

ゼロインストールリンクの展開をテストする方法

ステップバイステップのガイド

コードサンプル