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


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

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

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

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

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

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

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

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

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

  Установка Для использования...
  Набор средств Teams Расширение 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 с помощью набора средств Teams.

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

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

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

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

  4. Выберите Базовый чат-бот ИИ.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Примечание.

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

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

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

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

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

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

См. также