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


Игровая площадка агентов Microsoft 365 для Visual Studio

Платформа microsoft 365 Agents Playground (ранее известная как Средство тестирования приложений Teams) упрощает отладку приложений на основе ботов. Вы можете общаться с ботом и просматривать его сообщения и адаптивные карточки, как они отображаются в Microsoft Teams. Для использования игровой площадки агентов не требуется учетная запись разработчика Microsoft 365, туннелирование или регистрация приложения Teams и бота.

На следующем рисунке показан пример приложения, отображающего ответ на тестовой площадке агентов:

Снимок экрана: адаптивная карточка игровой площадки агентов.

Ниже приведены преимущества агента Playground.

  • Песочница. Песочница на площадке агентов имитирует поведение, внешний вид и пользовательский интерфейс Teams.

  • Туннелирование. Внешняя служба туннелирования не требуется, так как платформа агентов работает на локальном сервере, с которым бот может взаимодействовать.

  • Уменьшение зависимостей учетных записей. Для отладки бота не требуется клиент разработчика Microsoft 365 и разрешения на отправку приложений.

  • Быстрые итерации внутреннего цикла. Оптимизирует процесс внесения изменений в структуру приложения и логику бота без необходимости повторного развертывания бота в облаке.

  • Макетирование данных и действий. Платформа агентов упрощает тестирование сложных сценариев, таких как отправка приветственного сообщения при присоединении нового участника к каналу и использование макетных данных и триггеров действий.

  • Надежность. Агентская площадка является надежной, так как адаптивная карточка бота использует ту же технологию отрисовки, что и в Teams.

  • Интеграция с существующими приложениями ботов Teams. Платформа агентов легко интегрируется с существующими приложениями ботов Teams, созданными с помощью пакета SDK Bot Framework.

  • Поддержка разных областей: агенты playground поддерживает тестирование в личных, командных и групповых чатах.

Предварительные условия

Убедитесь, что вы установили следующие средства для создания и развертывания бота на игровой площадке агентов:

Установка Для использования...
Node.js Серверной среды выполнения JavaScript.
Visual Studio 2022
Вы можете установить корпоративную версию в Visual Studio 2022, а также рабочие нагрузки ASP.NET и веб-разработки. Используйте версию 17.9 или более позднюю.

Взаимодействие с тестовой площадкой агентов в Visual Studio

Агентская площадка обеспечивает более быструю отладку приложений ботов по сравнению с клиентом Teams. Агенты playground обеспечивает поддержку всех функций приложений бота. В этом сценарии в качестве примера мы используем бот чата ИИ . Чтобы выполнить отладку бота на агентской игровой площадке, выполните следующие действия.

  1. Откройте Visual Studio.

  2. Выберите Создать новый проект.

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

  3. В поле поиска введите Microsoft Teams. В результатах поиска выберите Приложение Microsoft Teams.

  4. Нажмите кнопку Далее.

    Снимок экрана: выбор шаблонов для создания нового проекта.

  5. Введите имя проекта и нажмите кнопку Создать.

    Снимок экрана: параметр для ввода имени проекта.

  6. Выберите Ai Chat BotCreate (Создание бота >чата СИ).

    Примечание.

    • OpenAI или Azure OpenAI являются необходимым условием для отладки приложения бота чата ИИ .

    Снимок экрана: выбор приложения Teams для создания нового проекта.

    Откроется окно GettingStarted.

    Снимок экрана: страница

  7. Файл appsettings.Playground.json помогает настроить агентов Playground путем обновления нескольких параметров. Чтобы обновить appsettings.Playground.json файл, выполните действия OpenAI или Azure OpenAI:

    Обновите OpenAI ApiKey в appsettings.Playground.json файле.

    Снимок экрана: обновленный ключ OpenAI.

  8. В раскрывающемся списке отладки выберите Microsoft 365 Agents Playground (браузер).

    Снимок экрана: выбор средства тестирования приложений Teams из раскрывающегося списка.

    Агенты Playground открывает бота на веб-странице.

    Снимок экрана: бот открывает средство тестирования на веб-странице.

Триггеры действий

Вы можете мимитить действие на детской площадке агентов с помощью триггеров действий. Существует два типа триггеров действий:

Предопределенные триггеры действий

Платформа агентов предоставляет предопределенные триггеры действий для тестирования функциональных возможностей бота.

Категория Действие Обработчик
Активация действия обновления установки Установка бота


Удаление бота
onInstallationUpdate
onInstallationUpdateAdded

onInstallationUpdate
onInstallationUpdateRemove
Активация действия обновления беседы Добавление пользователя

Добавление бота

Добавление канала
onMembersAdded

onTeamsMembersAddedEvent

onTeamsChannelRenamedEvent
Удаление пользователя


Удаление бота


Удаление канала

Удаление команды
onMembersRemoved
onTeamsMembersRemovedEvent

onMembersRemoved
onTeamsMembersRemovedEvent

onTeamsChannelDeletedEvent

onTeamsTeamDeletedEvent
Переименование канала

Переименование команды
onTeamsChannelRenamedEvent

onTeamsTeamRenamedEvent

Примечание.

Все типы действий доступны не во всех областях. Например, нельзя добавить или удалить канал в личном или групповом чате.

Предопределенные триггеры действий доступны в меню Макет действий на игровой площадке агентов. В этом сценарии в качестве примера используется триггер добавить действие пользователя . Чтобы имитировать действие add user , сделайте следующее:

  1. В Visual Studio Code перейдите к Обозреватель решений.

  2. Выберите файл Program.cs .

  3. В файле Program.cs добавьте builder.Services.AddTransient<IBot>(sp => следующий код:

    app.OnConversationUpdate("membersAdded", async (context, state, cancellationToken) =>
    {
       await context.SendActivityAsync($"new member added", cancellationToken: cancellationToken);
    });
    

    Обработчик OnConversationUpdate распознает участников, присоединяющихся к диалогу, как описано в разделе Добавление действия пользователя.

    Снимок экрана: код, добавленный в файл program.cs для предопределенного действия макета добавления пользователя.

  4. На вкладке Агенты Playground перейдите в раздел Макет действия и выберите Добавить пользователя.

    Снимок экрана: параметр

    Появится всплывающее диалоговое окно для предварительного просмотра обработчика действий.

  5. Выберите Отправить действие.

    Снимок экрана: параметр отправки действий для предопределенного действия макета добавления пользователя.

    Бот отправляет ответ.

    Снимок экрана: ответ на добавление пользователя предопределенного действия макета.

Триггеры пользовательских действий

Настраиваемое действие можно использовать для настройки триггера reactionsAddedдействия в соответствии с требованиями приложения бота. Агенты Playground автоматически заполняет необходимые свойства действия. Вы также можете изменить тип действия и добавить дополнительные свойства, такие как, MembersAdded, membersremovedи reactionsremoved.

  1. В Visual Studio Code перейдите к Обозреватель решений.

  2. Выберите файл Program.cs .

  3. В файле Program.cs добавьте builder.Services.AddTransient<IBot>(sp => следующий код:

    app.OnMessageReactionsAdded(async (context, state, cancellationToken) =>
    {
       await context.SendActivityAsync($"reaction added.", cancellationToken: cancellationToken);
    });
    

    Обработчик OnMessageReactionsAdded определяет реакцию для добавления с помощью ReplyToId свойства предыдущего диалога.

    Снимок экрана: код, добавленный в файл program.cs для настройки действия макета.

  4. Перейдите на веб-страницу Агентской площадки и выберите последний ответ на панели журналов, чтобы скопировать replyToId.

    Снимок экрана: выбор параметра replyToID для копирования для настройки действия макета.

  5. Выберите Макет пользовательского>действия действия.

    Снимок экрана: список параметров в разделе Макет действия.

  6. Чтобы настроить действие, добавьте messageReaction в type свойство .

  7. Замените последней версией replyToId.

    {
      "type": "messageReaction",
      "reactionsAdded": [
        {
          "type": "like"
        }
      ],
      "replyToId": "d60fd1cb-3e8f-44ef-849c-404806ba1b47"
    }
    
  8. Выберите Отправить действие.

    Снимок экрана: параметр отправки действия после настройки действия макета.

    Бот отправляет onReactionsAdded обработчик в ответ.

    Снимок экрана: ответ настраиваемого действия макета.

Ограничения

  • Функции бота, включенные с помощью манифеста приложения, недоступны, так как платформа агентов не обрабатывает ее.

  • Агентская площадка поддерживает не все типы карточек, кроме адаптивных карточек.

  • На игровой площадке агентов не поддерживаются следующие функции адаптивной карточки:

  • На тестовой площадке агентов не поддерживаются следующие возможности:

    • Мобильная версия
    • Собрание

См. также