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


Отладка в классическом клиенте Teams

Набор средств агентов Microsoft 365 (ранее известный как Набор средств Teams) помогает выполнять отладку и предварительный просмотр приложения Microsoft Teams в классическом клиенте. В процессе отладки агенты Toolkit автоматически запускает службы приложений, открывает отладчики и отправляет приложение Teams. Вы можете просмотреть приложение Teams в классическом клиенте Teams после отладки.

Ниже приведены преимущества классического клиента Teams.

  • Повышает производительность.
  • Сокращает время до F5.
  • Улучшает охват целевых объектов отладки.

Возможности классического клиента Teams

Классический клиент Teams включает возможности отладки в следующие шаблоны приложений, сформированные набором средств агентов:

  • Бот.
  • Агент.
  • Агент пользовательского обработчика.
  • Расширение сообщений.

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

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

  Установка Для использования...
  Microsoft 365 Agents Toolkit Расширение Microsoft Visual Studio Code, которое создает шаблон проекта для вашего приложения. Используйте последнюю предварительную версию.
  Node.js Серверной среды выполнения JavaScript. Дополнительные сведения см . вnode.js таблице совместимости версий для типа проекта.
  Visual Studio Code; Сред сборки JavaScript, TypeScript или SharePoint Framework (SPFx). Используйте последнюю версию.
  Учетная запись разработчика Microsoft 365 Доступ к учетной записи Teams с соответствующими разрешениями для установки приложения.

Отладка в классическом клиенте Teams

Отладка приложения пользовательского агента обработчика в классическом клиенте Teams

  1. Откройте Visual Studio Code (VS Code) и войдите в учетную запись Microsoft 365 с помощью набора средств агентов.

  2. Щелкните значок Набора средств агентов на панели действий VS Code, а затем выберите Создать новый агент или приложение.

    Снимок экрана: расположение ссылки

  3. Выберите Агент пользовательского обработчика.

    Снимок экрана: шаблоны приложений Teams Toolkit.

  4. Выберите Базовый агент пользовательского обработчика.

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

  5. Выберите JavaScript.

    Снимок экрана: выбор языка программирования.

  6. Выберите OpenAI.

    Снимок экрана: LLM в Visual Studio Code.

  7. Введите ключ службы OpenAI.

    Снимок экрана: ввод ключа службы openai в Visual Studio Code.

  8. Выберите JavaScript.

    Снимок экрана: выбор языка программирования.

  9. Выберите Папка по умолчанию.

    Снимок экрана: выбор расположения по умолчанию.

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

    1. Нажмите кнопку Обзор.

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

    2. Выберите расположение рабочей области проекта.

    3. Выберите Выбрать папку.

      Снимок экрана: выбранная папка.

  10. Введите подходящее имя для приложения, а затем нажмите клавишу ВВОД .

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

  11. В области слева выберите Запуск и отладка (Ctrl+Shift+D) и выберите Отладка в Teams (настольные компьютеры) в раскрывающемся списке.

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

  12. Убедитесь, что вход в Систему Teams соответствует вашей учетной записи Microsoft 365, используемой в наборе средств агентов, и нажмите кнопку Продолжить.

    Снимок экрана: вход на рабочем столе.

    Классический клиент Teams запрашивает добавление приложения.

  13. Нажмите Добавить.

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

    Откроется окно чата.

  14. Из области создания сообщения отправьте сообщение для вызова бота.

    Снимок экрана: приложение, добавленное в классический клиент Teams.

    Примечание.

    Уведомление системного уровня о сопоставлении учетных записей отображается только один раз для каждого проекта. В последующих сеансах отладки набор средств агентов отправляет напоминания об учетной записи с помощью уведомлений VS Code.

    Снимок экрана: последующее уведомление о входе на рабочий стол в vs code.

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

    Снимок экрана: пример точек останова в приложении.

    Снимок экрана: пример после горячей перезагрузки приложения.

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

См. также