Создание простого приложения вкладки

Вкладки — это веб-страницы с поддержкой Teams, встроенные в Microsoft Teams, и это хороший способ начать разработку для Teams. Их можно добавлять в составе канала в команде, в групповом чате или в личном приложении для отдельного пользователя.

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

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

GitHub Codespaces

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

• Учетная запись GitHub для создания экземпляра codespace
• Учетная запись Microsoft 365 с пользовательским разрешением на отправку приложения
• Клиент Microsoft 365

Совет

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

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

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

   

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

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

   

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

   

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

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

   

   Примечание.

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

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

   

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

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

   

   Приложение вкладки устанавливается в клиенте Teams и открывается.

   Вы успешно создали приложение вкладки и загрузили его в клиенте Teams.

   

Пошаговые инструкции

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

Начало создания простого приложения вкладки

Если вас интересует бот, выберите следующее:

Начало создания бота

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

Расширение сообщений сборки