Создание нового приложения Teams

В этом разделе описано, как создать проект Microsoft Teams с помощью Microsoft Visual Studio Code.

Создание проекта Teams с помощью Visual Studio Code

Вы можете создать новый проект Teams, выбрав Создать приложение в Наборе средств Microsoft Teams. Вы можете начать со встроенных шаблонов приложений Teams или с официальных примеров приложений Teams в наборе средств Teams. Более того, Teams Toolkit поддерживает создание собственных надстроек Outlook с помощью шаблонов надстроек Outlook.

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

Типы приложений	Определение
Приложения Teams на основе сценариев	Эта группа шаблонов предназначена для конкретных абстрактных бизнес-сценариев, для которых может служить приложение teams. Например, бот уведомлений, командный бот, вкладка с поддержкой единого входа или приложение вкладки панели мониторинга.
Базовые приложения Teams	Базовые приложения Teams — это просто вкладка Hello world Teams, бот или расширение для сообщений, которые можно создать и настроить в соответствии с вашими требованиями.
Расширение приложения Teams в Microsoft 365	Эту группу приложений Teams можно установить и запустить в Outlook и Office.com.

Создание нового приложения Teams

Процесс создания нового приложения Teams аналогичен для всех типов приложений.

Чтобы создать базовое приложение Teams, выполните приведенные далее действия.

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

2. Выберите Набор средств> TeamsСоздать новое приложение.

   

3. В этом примере выберите Tab в качестве возможности приложения.

   

4. Выберите Базовая вкладка в качестве возможности приложения.

   

5. Выберите JavaScript в качестве языка.

   

6. Выберите Папка по умолчанию , чтобы сохранить корневую папку проекта в расположении по умолчанию.

   

   Узнайте, как изменить папку по умолчанию:

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

      

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

      

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

   1. Введите подходящее имя приложения, например helloworld, в качестве имени приложения. Убедитесь, что используются только буквенно-цифровые символы. Нажмите клавишу ВВОД.

   

   Приложение-вкладка Teams будет создано через несколько секунд.

   

Структура каталогов для различных типов приложений

Набор средств Teams предоставляет все компоненты для создания приложения. После создания проекта можно просмотреть папки и файлы проекта в разделе EXPLORER .

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

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

Имя папки	Содержание
.vscode	Параметры для VS Code для создания и отладки приложения Teams.
appPackage	Файлы манифеста приложения (ранее называемые манифестом приложения Teams) и файлы значков, которые Teams использовали для распознавания приложения Teams.
env	Хранит различные параметры среды.
infra	Файлы шаблонов Azure bicep . Используется для развертывания приложения Teams в Azure.
src	Исходный код для возможности tab, включая интерфейсное приложение, компоненты пользовательского интерфейса и уведомление о конфиденциальности, условия использования,
src/app.js	Точка входа приложения и restify обработчики для веб-сайта.
src/views/hello.html	Шаблон HTML, который привязывается к конечной точке вкладки.
src/static	Веб-сервер может обслуживать статические ресурсы, такие как файлы CSS и JavaScript.
teamsapp.yml	Этот файл конфигурации определяет поведение набора средств Teams для жизненного цикла подготовки, развертывания и публикации. Этот файл можно настроить, чтобы изменить поведение набора средств Teams в каждом жизненном цикле.
teamsapp.local.yml	Это переопределяет teamsapp.yml действиями, которые обеспечивают локальное выполнение и отладку.

Примечание.

Если у вас есть бот или приложение расширения сообщений, в структуру каталогов добавляются соответствующие папки.

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

Тип приложения	Ссылки
Для приложения вкладки	Создание первого приложения вкладки с помощью JavaScript
Для приложения бота	Создание первого приложения бота с помощью JavaScript
Для приложения расширения сообщений	Создание первого приложения расширения для сообщений с помощью JavaScript

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

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

Папка нового проекта содержит следующее содержимое:

Имя папки	Содержание
.vscode	Параметры для VS Code для создания и отладки приложения Teams.
appPackage	Файл манифеста приложения и файлы значков, которые Teams использовали для распознавания приложения Teams.
env	Хранит различные параметры среды.
infra	Файлы шаблонов Azure bicep . Используется для развертывания приложения Teams в Azure.
teamsapp.yml	Этот файл конфигурации определяет поведение набора средств Teams для жизненного цикла подготовки, развертывания и публикации. Этот файл можно настроить, чтобы изменить поведение набора средств Teams в каждом жизненном цикле.
teamsapp.local.yml	Это переопределяет teamsapp.yml действиями, которые обеспечивают локальное выполнение и отладку.

Базовая реализация уведомления хранится в папке src и содержит:

Имя файла	Содержание
src\adaptiveCards\	Шаблоны для адаптивной карточки.
src\internal\	Созданный код инициализации для функций уведомлений.
src\index.ts	Точка входа для обработки сообщений бота и отправки уведомлений.
.gitignore	Файл для исключения локальных файлов из проекта бота.
package.json	Файл пакета npm для проекта бота.

Примечание.

Если у вас есть бот команд, бот рабочего процесса, вкладка с поддержкой единого входа или приложение-вкладка SPFx, в структуру каталогов добавляются соответствующие папки.

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

Тип приложения	Ссылки
Для приложения бота уведомлений	Отправка уведомления в Teams
Для приложения бота команд	Бот командной сборки
Для приложения бота рабочего процесса	Создание бота рабочего процесса Teams
Для приложения вкладки SPFx	Создание приложения Teams с помощью SPFx

См. также

• Обзор набора средств Teams
• Создание приложения Teams с помощью Blazor
• Создание приложения Teams с помощью C# или .NET
• Предварительные требования для всех типов среды и создание приложения Teams
• Подготовка к созданию приложений с помощью Microsoft Teams Toolkit