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