첫 번째 적응형 카드 만들기
Power Automate 내 적응형 카드는 정보 블록을 공유하거나 특정 데이터 원본의 양식을 통해 데이터를 수집할 수 있습니다.
두 경우 모두 어떤 데이터 세트를 공유할지 및/또는 어떤 데이터 양식을 수집해야 할지에 대한 대략적인 계획을 세워야 합니다.
팁
복잡한 테이블 배열보다는 단순한 데이터 블록을 사용하는 편이 좋습니다.
전제 조건
워크플로 앱이 설치된 Microsoft Teams.
작업 추가
이 절차에서는 Microsoft Teams 채널에 정보를 게시하기 위해 흐름의 이전 작업에서 얻은 데이터를 사용하는 작업을 추가하게 됩니다.
Power Automate에 로그인합니다.
상단의 탐색 모음에서 내 흐름을 선택합니다.
새로운 흐름>즉각적인 클라우드 흐름을 선택합니다.
흐름 이름을 지정합니다.
수동으로 흐름 트리거를 트리거로 선택합니다.
만들기를 선택합니다.
디자이너에서 새 단계를 선택합니다.
Microsoft Teams를 검색한 다음 Teams 채널에 적응형 카드를 게시하고 응답 대기를 작업으로 선택합니다.
카드를 게시할 팀과 채널을 선택합니다.
이 JSON을 메시지 상자에 붙여넣습니다.
{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "TextBlock", "text": "Poll Request", "id": "Title", "spacing": "Medium", "horizontalAlignment": "Center", "size": "ExtraLarge", "weight": "Bolder", "color": "Accent" }, { "type": "TextBlock", "text": "Header Tagline Text", "id": "acHeaderTagLine", "separator": true }, { "type": "TextBlock", "text": "Poll Header", "weight": "Bolder", "size": "ExtraLarge", "spacing": "None", "id": "acHeader" }, { "type": "TextBlock", "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum lorem eget neque sollicitudin, quis malesuada felis ultrices. ", "id": "acInstructions", "wrap": true }, { "type": "TextBlock", "text": "Poll Question", "id": "acPollQuestion" }, { "type": "Input.ChoiceSet", "placeholder": "Select from these choices", "choices": [ { "title": "Choice 1", "value": "Choice 1" }, { "title": "Choice 2", "value": "Choice 2" }, { "title": "Choice 3", "value": "Choice 3" } ], "id": "acPollChoices", "style": "expanded" } ], "actions": [ { "type": "Action.Submit", "title": "Submit", "id": "btnSubmit" } ] }JSON에서 다음의 대체 작업을 수행합니다.
중요
대체를 수행할 때 따옴표를 제거하지 마세요. 차량 선택은 필요에 맞게 수정할 수 있습니다.
변경할 텍스트 새 텍스트 Header Tagline Text Power Automate 폴링 Poll Header 기본 차량 모델 Poll Question 여기에 나열된 선택 사항 중에서 선호하는 차량 모델에 투표하세요. 라틴 문자를 설문 조사를 진행하는 이유 또는 관련 비즈니스 문맥으로 대체합니다. Microsoft는 직원 설문 조사를 통해 가장 인기 있는 차량 모델에 맞게 개인 맞춤형 주차 공간을 제공해야 할지 결정합니다. Choice 1 (두 위치 모두에서 바꾸기) Tesla Choice 2 (두 위치 모두에서 바꾸기) Lexus Choice 3 (두 위치 모두에서 바꾸기) Honda 새 단계를 선택한 다음 액세스 권한이 주어진 이메일 보내기 작업 중 하나를 검색해 선택합니다.
이메일을 받는 사람을 인스턴트 단추를 선택한 사람으로 입력합니다(트리거의 동적 콘텐츠에서 이메일 태그 사용).
다음과 같이 이메일 본문을 구성합니다. 중괄호 ‘{}’ 안의 단어를 동적 토큰으로 대체합니다.
제출하신 설문 조사 응답은 {acPollChoices}입니다(acPollChoices는 응답 대기 작업의 동적 콘텐츠임). 이 응답의 제출자는 {User Name}입니다(사용자 이름은 트리거의 동적 콘텐츠임).
적응형 카드 테스트
작업을 테스트하려면 이전에 만든 흐름을 실행하고 다음을 확인합니다.
흐름 실행에 오류가 없고 응답을 기다리고 있으며 실행 화면에 적응형 카드 작업의 대기 표시기가 표시됩니다.
Teams 채널에 새 적응형 카드가 게시됩니다.
차량 모델을 선택하여 카드에 응답하고 나면 적응형 카드의 하단 섹션에서 제출 단추를 선택합니다.
적응형 카드에서 오류가 발생하지 않아야 합니다.
흐름 실행이 성공적으로 완료됩니다.
응답 대기 작업 하단의 메시지 업데이트 영역(해당하는 대체 카드의 옆에 표시됨)을 구성했다면 제출 후 대체 카드가 적용됩니다. 그렇지 않은 경우 제출 시 양식이 초기화됩니다.
이메일 알림의 본문에는 응답 제출자와 선택된 차량이 표시됩니다.
축하합니다. 첫 번째 대화식 적응형 카드가 만들어졌습니다.
적응형 카드에 대한 문제 해결 팁
적응형 카드를 만들 때 마주하게 되는 가장 흔한 문제는 다음과 같습니다.
흐름 실행 오류는 종종 다음 요인 중 하나로 인해 발생합니다.
- Microsoft Teams에 워크플로 앱이 설치되어 있지 않습니다 – Microsoft Teams에 워크플로 앱을 설치하세요.
이 경우 오류는 다음 스크린샷과 유사할 수 있습니다.
JSON 형식이 잘못된 경우. 이때 원인은 대체로 생각보다 복잡하지 않습니다. 대다수의 경우 다음과 같은 상황입니다.
JSON 내의 값 주위에 둥근 따옴표 또는 누락된 따옴표가 있습니다. 항상 JSON을 확인하여 모든 텍스트 값이 큰따옴표 처리되어 있는지, 해당 숫자가 따옴표 처리되어 있는지 확인합니다. 모든 따옴표는 둥근 따옴표가 아닌 곧은 따옴표여야 합니다.
JSON을 카드 페이로드 편집기에 붙여넣어 JSON 형식의 유효성을 검사할 수 있습니다.
이미지 URL이 누락된 경우. 적응형 카드 내의 모든 이미지 값은 유효한 URL을 참조해야 합니다. 전체 이미지 콘텐츠는 적응형 카드에서 직접 지원되지 않습니다. URL을 브라우저에 붙여넣는 방식으로 이미지 링크를 테스트하여 이미지가 표시되는지 확인합니다.
적응형 카드는 스타일 지정 및 스키마 제약으로 인해 예상한 것과 다르게 보일 수 있습니다.
자리 표시자 값, 텍스트 스타일, 태그 언어가 적응형 카드 스키마 요건에 맞게 조정되었는지 확인합니다(여기에서 적응형 카드 스키마 모범 사례를 리뷰하세요)
Visual Studio Code 적응형 카드 유효성 검사기를 활용합니다. Visual Studio Code 애플리케이션을 통해 설치하려면 확장 Marketplace를 열고 적응형 카드 뷰어를 검색합니다.
Visual Studio Code에 설치된 적응형 카드 뷰어 확장의 잘린 스크린샷입니다(바로 가기 키: 사용 설정된 경우 Ctrl+V+A).
적응형 카드 제출 이후에 발생하는 오류는 종종 다음 원인으로 인해 발생합니다.
이름에 '응답 대기'가 포함되지 않은 작업을 사용하는 경우
카드를 2회 이상 제출하려는 경우. 각각의 적응형 카드는 1회만 제출이 가능하며, 이후의 제출은 모두 무시됩니다.