Створіть свою першу адаптивну картку
Адаптивні картки всередині 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.
Важливо
Не знімайте лапки під час заміни. Ви можете переглянути вибір автомобіля відповідно до своїх потреб:
Текст для зміни Новий текст Текст слогану заголовка Power Automate Опитування Заголовок опитування Бажана модель автомобіля Запитання для опитування Будь ласка, проголосуйте за бажану модель автомобіля з перелічених тут варіантів. Замініть латинський текст на причину або діловий контекст, пов’язаний з тим, чому ви проводите опитування. Ми проводимо опитування наших співробітників, щоб визначити, чи варто надавати персоналізовані паркувальні місця, які підходять для найпопулярніших автомобілів. Варіант 1 (замінити в обох місцях) Тесла Варіант 2 (замінити в обох місцях) Lexus Варіант 3 (замінити в обох місцях) Компанія Honda Виберіть пункт Новий крок, а потім знайдіть і виберіть одну з дій Надіслати електронний лист , до якої у вас є доступ.
Укажіть одержувача листа як особу, яка вибрала миттєву кнопку (використовуйте тег Email з динамічного вмісту з активатора).
Налаштуйте тіло листа наступним чином. Замініть слова в фігурних дужках ""{} динамічними лексемами:
Ваша відповідь на опитування була {acPollChoices} (acPollChoices - це динамічний контент з дії очікування відповіді). Він був надісланий за {Ім’ям користувача (Ім’я} користувача – це динамічний вміст із тригера)
Як перевірити адаптивну картку
Щоб протестувати свою роботу, запустіть створений раніше ланцюжок і підтвердіть наступне:
Прогін потоку не має помилок і чекає на відповідь, показуючи індикатор очікування дії Adaptive Card на екрані запуску.
На каналі Teams з’явилася нова адаптивна картка.
Коли ви відповідаєте на картку, вибираючи модель автомобіля, а потім натискаючи кнопку Надіслати в нижній частині адаптивної картки:
На адаптивній карті не повинно виникати помилок.
Запуск потоку успішно завершується.
Заміна картки актуальна після відправки, якщо ви налаштували область повідомлення Update в нижній частині дії очікування відповіді (показана наступною з відповідною карткою заміни). В іншому випадку всі заявки просто обнулять форму.
Сповіщення електронною поштою містить тіло, яке показує, хто надіслав відповідь і який автомобіль був обраний.
Вітаємо! Ви щойно створили свою першу інтерактивну адаптивну картку!
Поради щодо виправлення неполадок адаптивних карт
Найпоширенішими проблемами, з якими ви зіткнетеся при створенні адаптивних карток, є:
Помилки пробігу потоку часто викликані одним з наступних факторів:
- Програму «Робочі процеси» не інстальовано в Microsoft Teams розділі «Інсталюйте програму Microsoft Teams «Робочі процеси».
У цьому випадку помилка може нагадувати цей скріншот:
Неправильно відформатований JSON – зазвичай це не так складно, як можна було б очікувати. Найчастіше це просто ситуації, коли:
Існують фігурні лапки або пропущені лапки навколо значень у JSON. Завжди перевіряйте JSON, щоб переконатися, що всі текстові значення взяті в подвійні лапки, а числа взяті в лапки. Всі лапки повинні бути прямими, а не фігурними.
Ви можете перевірити формат вашого JSON, вставивши JSON у редактор набору корисних даних картки.
Відсутні URL-адреси зображень – усі значення зображень на адаптивних картках мають посилатися на дійсну URL-адресу. Повний вміст зображення не підтримується безпосередньо в адаптивній картці. Перевірте посилання на зображення, вставивши URL-адресу в браузер, щоб побачити, чи відображається зображення.
Адаптивні картки можуть виглядати не так, як очікувалося, під час стилізації та обмежень схеми:
Перевірте, чи відповідають значення покажчиків місця заповнення, стилі тексту та будь-яка мова розмітки вимогам схеми адаптивної картки (перегляньте практичні порадищодо схеми адаптивної картки тут)
Використовуйте валідатор адаптивної Visual Studio картки коду . Щоб встановити його з Visual Studio програми Code, відкрийте Extensions Marketplace і знайдіть Adaptive Card Viewer.
Обрізаний скріншот розширення Adaptive Card Viewer, встановленого в Visual Studio Code (комбінація клавіш: Ctrl+V+A після ввімкнення).
Помилки після подання адаптивної картки часто пов’язані з:
Використання дії, яка не містить у назві «чекати відповіді»
Спроба надіслати картку кілька разів. Кожна адаптивна картка може бути подана лише один раз, після чого всі подальші подання будуть проігноровані.