Процесс разработки Microsoft Teams приложений

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

Схема, показывающая пример процесса Teams приложения.

Планирование приложения

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

  • Кто ваши пользователи?
  • В чем их проблема?
  • Как ваше приложение может решить их проблему?
  • Как часто будет использоваться ваше приложение?
  • Сколько людей будет использовать ваше приложение?
  • Какую доходность от инвестиций может предоставить ваше приложение?

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

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

Корпорация Майкрософт предоставляет средства, упрощая разработку Teams приложения. По крайней мере, настоятельно рекомендуется использовать Microsoft Teams пользовательского интерфейса.

Получите Microsoft Teams пользовательского интерфейса

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

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

Совет

Является ли набор пользовательского интерфейса для меня? Если у вас есть какие-либо участие в создании Teams приложения, да. Понимание того, как создать приложение Teams, полезно не только разработчикам, но и руководителям продуктов, разработчикам, использующим IDEs, и разработчикам, создателям с помощью инструментов с низким кодом (например, платформы Microsoft Power).

  1. Перейдите на страницу Microsoft Teams UI Kit Figma.
  2. Выберите Дубликат, чтобы открыть набор пользовательского интерфейса. (Возможно, сначала необходимо создать учетную запись Figma.)

Попробуйте пример приложения

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

Узнайте Teams системы проектирования

Подробно ознакомьтесь с основами разработки Teams, в том числе макетом,цветовой гаммой и другими.

Выбор возможностей приложения

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

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

  1. В левом nav комплекта пользовательского интерфейса перейдите к возможностям Приложения и выберите нужные возможности для приложения.
  2. Скопируйте то, что необходимо на этой странице для разработки приложения.
    Например, если приложение поддерживает проверку подлинности с помощью одного входного знака, скопируйте и вклейте проект для обработки этого точного сценария.

Разработка потока UX

После разработки базового приложения вы можете изменять и уточнять его столько, сколько хотите, скопируя Teams шаблоны пользовательского интерфейса и основные компоненты из набора пользовательского интерфейса.

Проектирование с помощью шаблонов пользовательского интерфейса

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

  1. В левом nav набора пользовательского интерфейса перейдите к шаблонам пользовательского интерфейса.
  2. Скопируйте шаблоны, которые могут быть доступны для разработки приложения.
    Например, при разработке личного приложения может потребоваться использовать шаблон Панели мониторинга.

Разработка с базовыми компонентами пользовательского интерфейса

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

  1. В левом nav набора пользовательского интерфейса перейдите к компонентам базового пользовательского интерфейса.
  2. Скопируйте компоненты, необходимые для разработки приложения (например, кнопку или перегной).

Реализация дизайна

Проектирование готово, и вы готовы приступить к построению. Следующие средства помогут упростить разработку приложения на переднем конце.

Сборка с помощью шаблонов пользовательского интерфейса

Если в разработке использовались шаблоны пользовательского интерфейса, эти шаблоны можно реализовать в библиотеке пользовательского интерфейса Microsoft Teams (библиотека компонентов React на основе Fluent пользовательского интерфейса).

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

Сборка с базовыми компонентами пользовательского интерфейса

Не в отличие от этапа разработки, эти компоненты пользовательского интерфейса Fluent в проекте приложения, если шаблон пользовательского интерфейса не хватает нужного или вы просто хотите создать приложение с нуля.

(Примечание. Если вы заметили что-то пропавшее или у вас есть идея для шаблона, рассмотрите возможность внести вклад в репо Teams библиотеки пользовательского интерфейса.)

Просмотр ресурсов разработки

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

  • Microsoft Teams хранения: предоставляет стандарты, к Teams приложения должны стремиться, а не только приложения, перечисленные в магазине. Дополнительные сведения см. в инструкциях.
  • Разработка лучших практик. Эти документы и набор пользовательского интерфейса предоставляют лучшие практики для разработки высококачественных приложений. Например, см. лучшие практики разработки ботов.