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


Создание интерактивного бота уведомлений

Для интерактивного уведомления бот отправляет сообщения в канале Teams, групповом чате или личном чате. Вы можете активировать интерактивный бот уведомлений с помощью HTTP-запроса, например карточек или текстовых сообщений. Для упреждающих уведомлений из приложений вкладок используйте уведомления веб-канала действий.

Снимок экрана: концептуальный бот уведомлений в клиенте Teams

В этом руководстве вы узнаете об интерактивном приложении бота уведомлений одним из следующих способов.

  • GitHub Codespaces: экземпляр codespace позволяет мгновенно работать с приложением Teams. Откроется Visual Studio Code (VS Code), где расширение Teams Toolkit, исходный код приложения и все зависимости предварительно упаковываются.
  • Пошаговое руководство. Позволяет настроить среду разработки и создать приложение Teams с самого начала.

Перед созданием codespace убедитесь, что у вас есть следующие предварительные требования:

Совет

GitHub Codespaces предлагает бесплатный план с фиксированным объемом использования в месяц. Если вам нужно освободить больше места, перейдите к github.com/codespaces и удалите пространство кода, которое вам больше не нужно.

Чтобы создать интерактивный бот уведомлений Teams с GitHub Codespaces, выполните следующие действия.

  1. Нажмите следующую кнопку, чтобы открыть GitHub Codespaces.

    Открытие вкладки hello-world в GitHub Codespaces

    Вам может быть предложено войти в учетную запись GitHub, если вы еще этого не сделали.

  2. Выберите Create новое пространство кода.

    Снимок экрана: страница GitHub для создания пространства кода для бота.

    Откроется страница Настройка codespace .

    Снимок экрана: codespace, создав бот уведомлений.

    Teams Toolkit подготавливает для вас интерактивный проект бота уведомлений и открывает его в VS Code в браузере. Значок Набора средств Teams отображается на панели действий VS Code.

  3. Выберите Войти в Microsoft 365 и Войти в Azure , чтобы войти с помощью учетной записи Microsoft 365.

    Снимок экрана: окно набора средств Teams в браузере для входа.

    Примечание.

    При сборке приложения GitHub Codespaces загружает его в клиент Teams на новой вкладке. Если браузер блокирует всплывающие вкладки или окна, необходимо разрешить открытие всплывающих окон приложения.

  4. Выберите Предварительный просмотр приложения Teams (F5).

    Снимок экрана: окно Набора средств Teams в браузере с ботом уведомлений.

    GitHub Codespaces создает интерактивное приложение бота уведомлений, загружает его в клиент Teams и открывает его в отдельной вкладке браузера.

  5. После появления диалогового окна приложения нажмите кнопку Добавить , чтобы установить бот интерактивного уведомления в Teams.

    Снимок экрана: бот уведомлений, загруженный в клиенте Teams.

  6. Откройте новый терминал в codespace и выполните следующую команду, чтобы активировать событие для отправки интерактивного уведомления боту:

    curl -X POST http://localhost:3978/api/notification
    

    Совет

    В режиме реального времени события активируются внешним источником, например сторонним API, который заставляет бота уведомлений отправлять пользователю интерактивное уведомление. Для эмуляции триггера события можно отправить событие вручную с помощью команд curl в терминале.

    Приложение бота уведомлений отправляет интерактивное уведомление в виде адаптивной карточки клиенту Teams:

    Снимок экрана: бот уведомлений, загруженный в клиенте Teams.

    Теперь вы успешно создали бот интерактивных уведомлений и загрузили его в клиенте Teams.

Если вы хотите создать расширение для сообщений, перейдите по следующей статье:

Если вы хотите создать базовое приложение tab, перейдите по следующей статье: