Создание нового приложения 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, выполните приведенные далее действия.
Откройте Visual Studio Code.
Выберите Набор средств> TeamsСоздать новое приложение.
В этом примере выберите Tab в качестве возможности приложения.
Выберите Базовая вкладка в качестве возможности приложения.
Выберите JavaScript в качестве языка.
Выберите Папка по умолчанию , чтобы сохранить корневую папку проекта в расположении по умолчанию.
Узнайте, как изменить папку по умолчанию:
Нажмите кнопку Обзор.
Выберите расположение рабочей области проекта.
Выбранная папка — это расположение рабочей области проекта.
- Введите подходящее имя приложения, например 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 |
Точка входа приложения и express обработчики для веб-сайта. |
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 |
См. также
Platform Docs