Необходимые условия: начало разработки Microsoft Teams приложения

Перед созданием первого Teams необходимо установить несколько инструментов и настроить среду разработки.

Установка необходимых средств

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

  • Node.js (используйте последний выпуск V14 LTS)
  • Браузер с средствами разработчика , такими как Microsoft Edge (рекомендуется) или Google Chrome
  • Если вы разрабатываете с Помощью JavaScript, TypeScript или SharePoint Framework (SPFx), установите Visual Studio Code версии1.55 или более поздней версии.
  • Если вы разрабатываете с помощью .NET, установите Visual Studio 2019. Убедитесь, что ASP.NET и веб-разработки или межплатформеной рабочей нагрузки .NET Core.

Предупреждение

Известны проблемы с пакетом npm@7 с node v15 и более поздним пакетом. Если у вас возникли проблемы с запуском, убедитесь, что npm install вы используете узел v14 (LTS)

Установка Teams набор средств

Этот Teams набор средств упрощает процесс разработки с помощью средств для обеспечения и развертывания облачных ресурсов для приложения, публикации в Teams магазине и других. Инструментарий можно использовать с помощью Visual Studio Code, Visual Studio или CLI teamsfx (называется).

  1. Откройте Visual Studio Code.
  2. Выберите представление Расширения (Ctrl+Shift+X / ⌘⇧-X или > расширения).
  3. В поле поиска введите Teams набор средств.
  4. Выберите зеленую кнопку установки рядом с Teams набор средств.

Вы также можете найти Teams набор средств на Visual Studio Code Marketplace.

Следующие средства могут быть установлены расширением Visual Studio Code при необходимости. Если уже установлено, установленную версию можно использовать вместо нее. Если используется Linux, включая WSL, необходимо установить эти средства перед использованием:

  • Основные средства Azure Functions

    Основные средства Azure Functions используются для локального запуска отлаженных компонентов, включая помощников проверки подлинности, необходимых при запуске служб в Azure. Он устанавливается в каталоге проекта (с помощью devDependencies npm).

  • SDK .NET

    SDK .NET используется для установки настраиваемых привязки для локального отладки и развертывания приложений Azure Functions. Если вы не установили SDK .NET 3.1 (или более поздней версии) глобально, портативная версия может быть установлена.

  • ngrok

    Некоторые Teams приложения (беседные боты, расширения обмена сообщениями и входящие веб-оки) требуют входящих подключений. Необходимо подвергать систему разработки Teams через туннель. Туннель не требуется для приложений, которые включают только вкладки. Этот пакет устанавливается в каталоге проекта (с помощью devDependencies npm).

Установка необязательных средств

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

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

Если вы работаете с данными microsoft Graph, вы должны узнать о и закладки Microsoft Graph Explorer. Этот инструмент на основе браузера позволяет запрашивать microsoft Graph за пределами приложения.

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

Включить загрузку побок

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

  1. Если у вас есть Teams учетная запись, проверьте, можно ли перегружать приложения в Teams:

    1. В клиенте Teams выберите Приложения.
    2. Найди вариант Upload настраиваемого приложения.

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

Примечание

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

Получите бесплатный клиент Teams разработчика (необязательный)

Если вы не видите параметр sideload или у вас нет учетной записи Teams, вы можете получить бесплатную учетную запись Teams разработчика, присоединившись к программе разработчика M365. Процесс регистрации занимает примерно две минуты.

  1. Перейдите в Microsoft 365 разработчика.

  2. Выберите Join Now и следуйте инструкциям на экране.

  3. Когда вы доберетсяе до экрана приветствия, выберите настройка подписки E5.

  4. Настройка учетной записи администратора. Как только вы закончите, вы должны увидеть экран, как это.

    Пример того, что вы видите после регистрации на программу Microsoft 365 разработчика.

  5. Вопишитесь Teams с помощью только что настроенной учетной записи администратора.

  6. Проверьте, есть ли у вас Upload настраиваемый параметр приложения.

Получить бесплатную учетную запись Azure

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

Вход в учетные записи Microsoft 365 Azure

Необходимо иметь доступ к двум учетным записям:

  • Учетные данные Microsoft 365 учетной записи. Это учетная запись, которую вы используете для регистрации Teams. Если вы используете клиента Microsoft 365 разработчика, это учетная запись администратора, настроенная при регистрации для программы.
    • Учетные данные Azure. Это учетная запись, используемая для доступа к порталу Azure и для предоставления новых облачных ресурсов для поддержки приложения.
  1. Откройте Visual Studio Code

  2. Выберите значок Teams на боковой панели:

    Значок Teams на боковой панели Visual Studio Code .

  3. Выберите вход в M365.

    Расположение раздела Учетные записи, используемого для регистрации.

  4. Процесс регистрации начинается с обычного веб-браузера. Завершите процесс регистрации для учетной записи M365. Вам будет предложено закрыть браузер и вернуться к Visual Studio Code.

  5. Возвращайся к Teams набор средств в Visual Studio Code.

  6. Выберите вход в Azure.

    Совет

    Если у вас установлено расширение учетной записи Azure и используется та же учетная запись, вы можете пропустить этот шаг. Используйте ту же учетную запись, что и в других расширениях.

  7. Процесс регистрации начинается с обычного веб-браузера. Завершите процесс регистрации для учетной записи Azure. Вам будет предложено закрыть браузер и вернуться к Visual Studio Code.

По завершению раздел ACCOUNTS боковой панели отображает две учетные записи отдельно, а также количество доступных вам подписок Azure. Убедитесь, что у вас есть по крайней мере одна доступная подписка Azure. Если нет, выпишитесь и используйте другую учетную запись.

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

См. также

Следующий этап