Упражнение. Создание ресурсов Azure для размещения приложения вкладки Teams

  • 8 мин

В этом упражнении вы сначала создадите и подготовите приложение вкладки Teams с помощью набора средств Teams для Visual Studio Code. В следующем упражнении вы настроите приложение для размещения в Azure.

Примечание.

В упражнениях в этом учебном модуле используется Набор средств Teams версии 5.0.0. Следующие шаги начинаются с установленного расширения Teams Toolkit.

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

  1. В Visual Studio Code на панели действий щелкните значок Microsoft Teams .

  2. На панели Набор средств Teams нажмите кнопку Создать новое приложение .

  3. В параметрах выберите Вкладка.

    Снимок экрана: параметр набора средств Teams для приложения-вкладки.

  4. Затем выберите React with Fluent UI (React with Fluent UI).

    Снимок экрана: шаблон приложения Teams Toolkit с выбранной вкладкой.

  5. В параметрах языка программирования выберите JavaScript.

  6. Выберите расположение папки проекта приложения вкладки и всех ее файлов.

  7. В поле имени приложения введите hello-tab и нажмите клавишу ВВОД.

    Начинается формирование шаблонов проекта. При формировании шаблона проекта открывается новое окно Visual Studio Code с загруженным проектом.

    Снимок экрана: проект новой вкладки Набора средств Teams после создания шаблонов.

  8. В Visual Studio Code выберите Запустить>запуск отладки или нажмите клавишу F5, чтобы начать сеанс отладки.

    Visual Studio Code создает и запускает приложение. Запустите сеанс отладки, прежде чем приступить к подготовке ресурсов Azure.

  9. После успешного тестирования приложения прекратите его локальное выполнение.

    Чтобы завершить сеанс отладки и остановить выполнение приложения, можно либо закрыть браузер, либо выбрать Команду Запустить>остановить отладку, либо выбрать SHIFT+F5.

Вход в Azure с помощью набора средств Teams

Затем на панели Набор средств Teams войдите в Azure.

  1. На панели действий щелкните значок Microsoft Teams .

  2. На панели Набор средств Teams в разделе Учетные записи выберите Войти в Azure.

    Снимок экрана: панель набора средств Teams с кнопкой для входа в Azure.

  3. В появившемся диалоговом окне выберите Войти.

    Снимок экрана: диалоговое окно для подтверждения входа в Azure.

Подготовка ресурсов

Теперь вы можете подготовить ресурсы, необходимые приложению вкладки Teams.

  1. На панели Набор средств Teams в разделе Жизненный цикл выберите Подготовить.

    Снимок экрана: выделен параметр подготовки в облаке в разделе развертывания.

  2. Затем необходимо выбрать группу ресурсов, в которой можно подготовить ресурсы. Создайте новую группу ресурсов, выбрав параметр Создать группу ресурсов в меню Выберите группу ресурсов .

    Снимок экрана, на котором показано, как создать новую группу ресурсов.

  3. Средство автоматически предлагает имя группы ресурсов, например rg-hello-tab0989fd-dev. Выберите ВВОД.

  4. Затем выберите расположение "Восточная часть США " для новой группы ресурсов и нажмите клавишу ВВОД.

  5. В диалоговом окне для подтверждения выбора выберите Подготовить.

    Снимок экрана: диалоговое окно подтверждения подготовки.

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

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

Затем вы развернете исходный код приложения в этих ресурсах.