Общие сведения о создании первого приложения Microsoft TeamsBuild your first Microsoft Teams app overview

В разделе Создание первых приложений вы создадите базовые приложения Teams.In the build your first app lessons, you create basic Teams apps. В каждом учебном курсе описывается создание простого приложения Teams, а также общие инструменты, основные понятия и дополнительные функции.Each tutorial walks through how to build a simple, real-world Teams app while introducing you to common tools, fundamental concepts, and more advanced features.

Что вы узнаетеWhat you'll learn

Ниже представлены сведения о том, что вы узнаете после изучения уроков.Here's an idea of what you'll know after going through the lessons.

  • Быстрый запуск и работа с набором инструментов Teams: набор инструментов Microsoft Teams для Visual Studio Code создает проект приложения и формирование шаблонов, чтобы приложение могло работать в минутах.Get up and running quickly with the Teams Toolkit: The Microsoft Teams Toolkit for Visual Studio Code takes care of creating your app project and scaffolding so you can have a running app in minutes.
  • Настройте приложение с помощью App Studio: Укажите возможности и службы, которые использует приложение Teams.Configure your app with App Studio: Specify the capabilities and services your Teams app uses.
  • Область аудиторий приложения: создание приложения Teams для личного использования, совместной работы или и того, и другое.Scope your app's audience: Build a Teams app for personal use, collaboration, or both.
  • Узнайте, как использовать средства Teams и пакеты SDK: Настройка приложения (например, изменение цветовой схемы для согласования с темой Teams) с помощью справки из пакета SDK для Teams.Get experience with Teams tools and SDKs: Customize your app (for example, change its color scheme to match the Teams theme) with help from the Teams JavaScript SDK. Кроме того, Узнайте о стандартных средствах для создания и управления Боты.Also, learn about common tools for creating and managing bots.
  • Разверните приложение на своем приложении: в уроках вы найдете связанные темы (например, рекомендации по проверке подлинности и проектированию).Expand on your app: Throughout the lessons, you'll find related topics you're probably interested in (such as authentication and design guidelines).

Основные сведения о приложениях TeamsTeams app fundamentals

Прежде чем приступать к работе с руководствами, необходимо знать следующее о создании приложений для Teams.Before you begin the tutorials, you should know the following about building apps for Teams.

Приложения могут иметь несколько возможностей и точек входаApps can have multiple capabilities and entry points

Приложение Teams состоит из одной или нескольких возможностей платформы (как люди используют приложение) и точек входа (где пользователи обнаруживают приложение).A Teams app is made up of one or more platform capabilities (how people use the app) and entry points (where people discover the app).

В Teams не размещается ваше приложениеTeams doesn't host your app

Приложение Teams включает следующие важные элементы:A Teams app includes the following important pieces:

  • Логика, хранилище данных и вызовы API, которые переключают приложение.The logic, data storage, and API calls that power your app. Эти службы не размещаются в Teams и должны быть доступны по протоколу HTTPS.These services are not hosted by Teams and must be accessible via HTTPS.
  • Клиент Teams (на веб-сайте, на настольном компьютере или мобильном устройстве), в котором пользователи используют ваше приложение.The Teams client (web, desktop, or mobile) where people use your app.
  • Идентификатор приложения, который позволяет настраивать приложение с помощью App Studio.Your app ID, which lets you configure your app with App Studio.

Получение необходимых компонентовGet prerequisites

Убедитесь, что у вас есть правильная учетная запись для создания приложений Teams и установки некоторых рекомендуемых средств разработки.Verify you have the right account for building Teams apps and install some recommended development tools.

Настройка учетной записи для разработкиSet up your development account

Вам нужна учетная запись Teams, которая разрешает нестандартную загрузку приложений.You need a Teams account that allows custom app sideloading. (Это может быть уже предоставлено вашей учетной записью.)(Your account may already provide this.)

  1. Если у вас есть учетная запись Teams, убедитесь, что вы можете Загрузка неопубликованных приложения в teams:If you have a Teams account, verify if you can sideload apps in Teams:

    1. В клиенте Teams выберите приложения.In the Teams client, select Apps.
    2. Найдите параметр для отправки настраиваемого приложения.Look for an option to Upload a custom app.

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

Если вы не видите параметр Загрузка неопубликованных или у вас нет учетной записи Teams, выберите здесь .Select here if you can't see the sideload option or don't have a Teams account.

Вы можете получить бесплатную тестовую учетную запись Teams, позволяющую выполнять загрузку неопубликованных приложений, присоединяясь к программе для разработчиков Microsoft 365.You can get a free Teams test account that allows app sideloading by joining the Microsoft 365 developer program. (Процесс регистрации занимает около двух минут.)(The registration process takes approximately two minutes.)

  1. Перейдите к программе для разработчиков Microsoft 365.Go to the Microsoft 365 developer program.
  2. Нажмите кнопку присоединиться сейчас и следуйте инструкциям на экране.Select Join Now and follow the onscreen instructions.
  3. При получении экрана приветствия выберите пункт настроить подписку по клавише вверх.When you get to the welcome screen, select Set up E5 subscription.
  4. Настройте учетную запись администратора.Set up your administrator account. После завершения вы увидите экран следующего вида:Once you finish, you should see a screen like this. Пример того, что вы видите после регистрации в программе для разработчиков Microsoft 365.
  5. Войдите в Teams с помощью учетной записи администратора, которую вы только что настроили.Log in to Teams using the administrator account you just set up.
  6. Убедитесь, что у вас теперь есть параметр Отправить настраиваемое приложение .Verify if you now have the Upload a custom app option.

Примечание

Если вы по-прежнему не можете Загрузка неопубликованных приложения, обратитесь к разделу Включение пользовательских приложений Teams и включите пользовательскую отправку приложений.If you still can't sideload apps, refer to Enable custom Teams apps and turn on custom app uploading.

Установка средств разработкиInstall your development tools

Вы можете создавать приложения Teams с помощью своих предпочтительных средств, но на этих занятиях показано, как быстро начать работу с набором инструментов Microsoft Teams для Visual Studio Code.You can build Teams apps with your preferred tools, but these lessons show how you can get started quickly with the Microsoft Teams Toolkit for Visual Studio Code.

Teams отображает контент приложения только через HTTPS подключения.Teams displays app content only through HTTPS connections. Для отладки определенных типов приложений, таких как Bot, вы узнаете, как использовать ngrok для настройки безопасного туннеля между Teams и приложением.To debug certain types of apps locally, such as a bot, you'll learn how to use ngrok to set up a secure tunnel between Teams and your app. (Рабочие группы приложений размещаются в облаке.)(Production Teams apps are hosted in the cloud.)

  1. Установите Node.js.Install Node.js.

  2. Установите ngrok , если вы собираетесь создать расширение Bot или Messaging.Install ngrok if you plan to build a bot or messaging extension.

  3. Установите последнюю версию Visual Studio Code.Install the latest version of Visual Studio Code. (Более ранние версии могут не работать с этим набором инструментов.)(Earlier versions might not work with the toolkit.)

  4. В Visual Studio Code выберите расширения на левой панели действий и установите набор инструментов Microsoft Teams.

    Иллюстрация, в которой показано, где в Visual Studio Code Вы можете установить расширение набора инструментов Microsoft Teams.

Сведения о учебникахAbout the tutorials

Вы можете начать с любой из Teams, чтобы создать первые уроки приложений .You can start with any of the Teams build your first app lessons. Если вы не знаете, где сначала перейти, сделайте наш дружественный путь и создайте "Hello, World!".If you're not sure where to go first, follow our beginner friendly path and build a "Hello, World!" программы.app.

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

Следующий шагNext step

После настройки учетной записи и среды можно приступить к созданию.Once you set up your account and environment, you can start building.

Удобное руководство для начинающихBeginner friendly tutorial

Другие учебные пособияOther tutorials