다음을 통해 공유

봇 개발자를 위한 적응형 카드

적응형 카드는 봇에 적합합니다. 카드를 한 번 작성하고 Microsoft Teams, 사용자 고유의 웹 사이트 등과 같은 여러 앱 내에서 아름답게 렌더링할 수 있습니다.

비고

Skype는 현재 미리 보기에서 지원되지 않습니다. 최신 정보는 파트너 상태 페이지를 참조하세요.

Bot Framework 통합

Bot Framework를 사용하면 Skype, Microsoft Teams, Facebook Messenger 등과 같은 여러 "채널"에서 사용자와 채팅할 수 있는 단일 봇을 작성할 수 있습니다.

Walkthrough

적응형 카드를 봇에 추가하는 것은 매우 간단합니다.

0단계: 기본 메시지로 시작

다음은 모든 채널에 전달되고 사용자에게 텍스트를 표시할 수 있는 표준 Bot Framework message 페이로드입니다.

{
   "type": "message",
   "text": "Plain text is ok, but sometimes I long for more..."
}

1단계: 적응형 카드 추가 attachment

텍스트 외에 다양한 기능을 추가하기 위해 Bot Framework에는 개념이 attachments있습니다.

사용자 지정 텍스트를 표시하는 적응형 카드를 첨부해 보겠습니다.

기본 적응형 카드 

{
  "type": "message",
  "text": "Plain text is ok, but sometimes I long for more...",
  "attachments": [
    {
      "contentType": "application/vnd.microsoft.card.adaptive",
      "content": {
        "type": "AdaptiveCard",
        "version": "1.0",
        "body": [
          {
            "type": "TextBlock",
            "text": "Hello World!",
            "size": "large"
          },
          {
            "type": "TextBlock",
            "text": "*Sincerely yours,*"
          },
          {
            "type": "TextBlock",
            "text": "Adaptive Cards",
            "separation": "none"
          }
        ],
        "actions": [
          {
            "type": "Action.OpenUrl",
            "url": "http://adaptivecards.io",
            "title": "Learn More"
          }
        ]
      }
    }
  ]
}

2단계: 더 풍부한 카드 빌드

적응형 카드는 사용자 지정 가능한 텍스트 이상의 것을 제공합니다.

당신은 할 수 있어요:

  • Images를 카드에 추가
  • 콘텐츠를 Containers 및 Columns 사용하여 구성하세요.
  • 의 여러 형식 추가 Actions
  • 사용자로부터 Input을(를) 수집하세요.
  • 카드를 1장 가지세요 show another card
  • 전체 스키마 탐색기를 확인하세요.

플랫폼 SDK

.NET 또는 NodeJS를 사용하여 봇을 개발하는 경우 적응형 카드를 더욱 쉽게 빌드할 수 있는 라이브러리가 있습니다.

Platform Install 더 알아보세요
.NET Install-Package AdaptiveCards -IncludePrerelease Bot Framework .NET Docs
NodeJS npm install adaptivecards Bot Framework NodeJS 문서

채널 상태

Bot Framework를 사용하면 여러 채널에 봇을 게시할 수 있습니다. 적응형 카드에 대한 전폭적인 지원을 제공하기 위해 다양한 채널과 협력하고 있습니다. 최신 정보는 파트너 상태 페이지를 참조하세요.

잠수해 보세요!

이 튜토리얼에서는 기본적인 내용을 다루었으니, Adaptive Cards가 봇을 어떻게 더 향상시킬 수 있는지 알아보려면 아래 링크를 확인해 보세요.

  • Last updated on