Поділитися через


Створіть свій перший адаптивний картка

Адаптивні Картки всередині Power Automate можуть або обмінюватися блоками інформації, або збирати дані за допомогою форми для певної джерело даних.

У будь-якому випадку вам потрібно буде накидати, до яких наборів даних ви надаватимете спільний доступ і/або які дані потрібно буде зібрати у формі.

Порада

Використовуйте прості блоки даних, а не складні масиви таблиць.

вимоги

Microsoft Teams з інстальованою програмою «Робочі процеси».

Додати дію

Під час цієї процедури ви додасте дію, яка використовуватиме дані попередніх дій у ланцюжку для публікації інформації в каналі Microsoft Teams .

  1. авторизуйтесь до. Power Automate

  2. Виберіть Мої ланцюжки на верхній панелі навігації.

  3. Виберіть Миттєвий хмарний цикл> Новий ланцюжок.

  4. Назвіть свій ланцюжок.

  5. Виберіть Запускати потік вручну як тригер.

  6. Виберіть Створити.

  7. У конструкторі виберіть Новий крок.

  8. Знайдіть Microsoft Teams потрібний варіант, а потім виберіть Опублікувати адаптивний картка у каналі Teams і дочекайтеся відповідь як дії.

  9. Виберіть команду та канал , у якому ви хочете опублікувати картка.

  10. Вставте цей 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"
            }
        ]
    }
    
  11. Зробіть наступні заміни в JSON.

    Важливо

    Не знімайте лапки під час заміни. Ви можете переглянути вибір автомобіля відповідно до своїх потреб:

    Текст для зміни Новий текст
    Текст слогану заголовка Power Automate Опитування
    Заголовок опитування Бажана модель автомобіля
    Запитання для опитування Будь ласка, проголосуйте за бажану модель автомобіля з перелічених тут варіантів.
    Замініть латинський текст на причину або діловий контекст, пов’язаний з тим, чому ви проводите опитування. Ми проводимо опитування наших співробітників, щоб визначити, чи варто надавати персоналізовані паркувальні місця, які підходять для найпопулярніших автомобілів.
    Варіант 1 (замінити в обох місцях) Тесла
    Варіант 2 (замінити в обох місцях) Lexus
    Варіант 3 (замінити в обох місцях) Компанія Honda
  12. Виберіть пункт Створити крок, а потім знайдіть і виберіть одну з дій Надіслати електронний лист , до якої у вас є доступ.

  13. Укажіть одержувача листа як особу, яка вибрала миттєву кнопку (використовуйте тег Email з динамічного вмісту з активатора).

  14. Налаштуйте тіло листа наступним чином. Замініть слова в фігурних дужках "{}" динамічними лексемами:
    Ваше опитування відповідь was {acPollChoices} (acPollChoices - це динамічний контент очікування відповідь дії). Він був надісланий за {Ім’ям} користувача (Ім’я користувача – це динамічний вміст із тригера)

Перевірте свій адаптивний картка

Щоб протестувати свою роботу, запустіть створений раніше ланцюжок і підтвердіть наступне:

  • Запуск потоку не має помилок і чекає на відповідь, показуючи індикатор очікування дії Adaptive картка на екрані запуску.

  • На каналі Teams опубліковано новий адаптивний картка.

  • Коли ви відповідаєте на картка, вибираючи модель автомобіля, а потім натискаючи кнопку Надіслати в нижній частині адаптивного картка:

    • На адаптивному картка не повинно виникати помилок.

    • Запуск потоку успішно завершується.

  • картка заміна актуальна після відправки, якщо ви налаштували Оновити область повідомлення в нижній частині очікування відповідь дії (показана далі з відповідним картка заміни). В іншому випадку всі заявки просто обнулять форму.

    Заміна картка.

  • Сповіщення електронною поштою містить тіло, яке показує, хто надіслав відповідь і який автомобіль було вибрано.

Вітаємо! Ви щойно створили свою першу інтерактивну адаптивну картку!

Закінчила перша картка.

Поради щодо усунення несправностей адаптивних карток

Найбільш поширеними проблемами, з якими ви зіткнетеся при створенні адаптивних Карток, є:

  • Помилки пробігу потоку часто викликані одним з наступних факторів:

    У цьому випадку помилка може нагадувати цей скріншот:

    Повідомлення про помилку.

    • Неправильно відформатований JSON – зазвичай це не так складно, як можна було б очікувати. Найчастіше це просто ситуації, коли:

      • Навколо значень у JSON є фігурні лапки або відсутні лапки. Завжди перевіряйте JSON, щоб переконатися, що всі текстові значення взяті в подвійні лапки, а числа взяті в лапки. Всі лапки повинні бути прямими, а не фігурними.

      • Ви можете перевірити формат свого JSON, вставивши JSON у редактор корисного навантаження картки.

    • URL-адреси відсутніх зображень – усі значення зображень у адаптивних картках мають посилатися на дійсну URL-адресу. Повний вміст зображення не підтримується безпосередньо в адаптивній картці. Перевірте посилання на зображення, вставивши URL-адресу в браузер, щоб побачити, чи відображається зображення.

  • Адаптивні Картки можуть виглядати не так, як очікувалося, через стилізацію та обмеження схеми:

    • Переконайтеся, що значення заповнювачів, стилі тексту та будь-яка мова розмітки відповідають вимогам до схеми адаптивної картки (перегляньте найкращі практикисхеми адаптивної картки тут)

    • Використовуйте Visual Studio валідатор адаптивної картки коду . Щоб інсталювати його з Visual Studio програми Code, відкрийте Extensions Marketplace і знайдіть Adaptive картка Viewer.

      Розширення Visual Studio Code.

Обрізаний скріншот розширення Adaptive картка Viewer, встановленого в Visual Studio Code (комбінація клавіш: Ctrl+V+A після включення).

  • Помилки після подання адаптивної картки часто пов’язані з:

    • Використання дії, яка не містить у назві «чекати відповіді»

      Спробуй ще раз.

    • Спроба подати картку більше одного разу. Кожну адаптивну картку можна подати лише один раз, після чого всі подальші подання будуть проігноровані.