Создание веб-приложения Hello World для Службы приложений Azure с помощью EclipseCreate a Hello World web app for Azure App Service using Eclipse

С помощью модуля с открытым кодом Azure Toolkit for Eclipse всего за несколько минут можно создать и развернуть в Службе приложений Azure базовое приложение Hello World в качестве веб-приложения.Using open sourced Azure Toolkit for Eclipse plugin, creating and deploying a basic Hello World application to Azure App Service as a web app can be done in a few minutes.

Примечание

Если вы предпочитаете использовать IntelliJ IDEA, ознакомьтесь с нашим аналогичным учебником для IntelliJ.If you prefer using IntelliJ IDEA, check out our similar tutorial for IntelliJ.

If you don't have an Azure subscription, create a free account before you begin.

Обязательно очистите ресурсы после выполнения действий из этого учебника.Don't forget to clean up the resources after you complete this tutorial. В этом случае работа с этим учебником не приведет к превышению квоты бесплатной учетной записи.In that case, running this guide will not exceed your free account quota.

Prerequisites

To complete the steps in this article, you will need to install the Azure Toolkit for Eclipse, which requires the following software components:

Примечание

The Azure Toolkit for Eclipse page at the Eclipse Marketplace lists the builds that are compatible with the toolkit.

Установка и входInstallation and sign-in

  1. Перетащите следующую кнопку в запущенную рабочую область Eclipse, чтобы установить подключаемый модуль Azure Toolkit for Eclipse (другие варианты установки).Drag the following button to your running Eclipse workspace to install the Azure Toolkit for Eclipse plugin (other installation options).

    Перетащите в запущенную рабочую область Eclipse*. * Требуется клиент Eclipse MarketplaceDrag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client

  2. Чтобы войти в учетную запись Azure, щелкните Tools (Средства), выберите Azure и Sign In (Вход).To sign in to your Azure account, click Tools, then click Azure, and then click Sign In. Меню Eclipse для входа в систему AzureEclipse Menu for Azure Sign In

  3. В окне Azure Sign In (Вход в Azure) выберите Device Login (Имя пользователя устройства) и щелкните Sign in (Вход) (другие варианты входа).In the Azure Sign In window, select Device Login, and then click Sign in (other sign-in options).

    Окно Azure Sign In (Вход в Azure) с выбранным именем пользователя устройства

  4. В диалоговом окне Azure Device Login (Вход в систему устройства Azure) щелкните Copy&Open (Копировать и открыть).Click Copy&Open in Azure Device Login dialog .

    Диалоговое окно входа Azure

  5. В браузере вставьте код устройства (скопированный при нажатии Copy&Open (Копировать и открыть) на последнем шаге), а затем нажмите кнопку Далее.In the browser, paste your device code (which has been copied when you clicked Copy&Open in last step) and then click Next.

    Вход в систему устройства в браузере

  6. Наконец, в диалоговом окне Select Subscriptions (Выбор подписок) выберите нужные подписки и нажмите кнопку ОК.Finally, in the Select Subscriptions dialog box, select the subscriptions that you want to use, then click OK.

    Диалоговое окно выбора подписок

Создание проекта веб-приложенияCreating web app project

  1. Выберите File (Файл), New (Создать), а затем — Dynamic Web Project (Динамический веб-проект).Click File, click New, and then click Dynamic Web Project. (Если элемента Динамический веб-проект нет в списке доступных проектов после выбора пунктов Файл и Создать, сделайте следующее: последовательно щелкните Файл, Создать, Проект... , разверните узел Интернет, щелкните Dynamic Web Project (Динамический веб-проект) и нажмите кнопку Далее.)(If you don't see Dynamic Web Project listed as an available project after clicking File and New, then do the following: click File, click New, click Project..., expand Web, click Dynamic Web Project, and click Next.)

    Создание динамического веб-проекта

  2. Для целей данного учебника присвойте проекту имя MyWebApp.For purposes of this tutorial, name the project MyWebApp. Экран будет выглядеть следующим образом:Your screen will appear similar to the following:

    Свойства нового динамического веб-проекта

  3. Нажмите кнопку ГотовоClick Finish.

  4. В представлении обозревателя проектов в Eclipse разверните узел MyWebApp.Within Eclipse's Project Explorer view, expand MyWebApp. Щелкните правой кнопкой мыши WebContent, выберите Создать, затем щелкните JSP File (JSP-файл).Right-click WebContent, click New, and then click JSP File.

    Создание файла JSP

  5. В диалоговом окне New JSP File (Новый JSP-файл) укажите имя файла index.jsp, оставьте родительскую папку MyWebApp/WebContent без изменений, а затем нажмите кнопку Далее.In the New JSP File dialog box, name the file index.jsp, keep the parent folder as MyWebApp/WebContent, and then click Next.

    Диалоговое окно New JSP File (Создание JSP-файла)

  6. Для нашего примера в диалоговом окне Select JSP Template (Выбор шаблона JSP) щелкните New JSP File (html) (Создать JSP-файл (html)) и нажмите кнопку Готово.In the Select JSP Template dialog box, for purposes of this tutorial select New JSP File (html), and then click Finish.

    Выбор шаблона JSP

  7. При открытии в Eclipse файла index.jsp добавьте код для динамического отображения фразы Hello World!When your index.jsp file opens in Eclipse, add in text to dynamically display Hello World! в существующий элемент <body>.within the existing <body> element. Обновленное содержимое элемента <body> должно выглядеть так:Your updated <body> content should resemble the following example:

    <body><b><% out.println("Hello World!"); %></b></body>
    
  8. Сохраните index.jsp.Save index.jsp.

Развертывание веб-приложения в AzureDeploying web app to Azure

  1. В представлении обозревателя проектов Eclipse щелкните правой кнопкой мыши проект, выберите Azure, а затем — Publish as Azure Web App (Опубликовать как веб-приложение Azure).Within Eclipse's Project Explorer view, right-click your project, choose Azure, and then choose Publish as Azure Web App.

    Опубликовать как веб-приложение Azure

  2. В диалоговом окне Deploy Web App (Развертывание веб-приложения) можно выбрать один из следующих вариантов:When the Deploy Web App dialog box appears, you can choose one of the following options:

    • Выберите существующее веб-приложение.Select an existing web app if one exists.

      Выбор службы приложения

    • Щелкните Create New Web App (Создать веб-приложение).Click Create New Web App.

      Создание службы приложений

      В диалоговом окне Create App Service (Создание службы приложений) укажите требуемую информацию для веб-приложения и нажмите кнопку Create (Создать).Specify the requisite information for your web app in the Create App Service dialog box, and then click Create.

      Здесь вы можете настроить среду выполнения, параметры приложения, план службы и группу ресурсов.Here you can configure the runtime environment, app settings, service plan and resource group.

      Диалоговое окно "Создание службы приложений"

  3. Выберите веб-приложение и щелкните Deploy (Развернуть).Select your web app and then click Deploy.

    Развертывание службы приложений

  4. Набор средств отобразит сообщение о состоянии (Опубликовано) на вкладке Журнал действий Azure при успешном развертывании веб-приложения, где будет содержаться гиперссылка с URL-адресом развернутого веб-приложения.The toolkit will display a Published status under the Azure Activity Log tab when it has successfully deployed your web app, which is a hyperlink for the URL of your deployed web app.

    Состояние публикации

  5. Перейти к своему веб-приложению можно с помощью ссылки, предоставленной в сообщении о состоянии.You can browse to your web app using the link provided in the status message.

    Просмотр веб-приложения

Отображение представления обозревателя AzureDisplay the Azure Explorer view

Если представление обозревателя Azure не отображается в Eclipse, сделайте следующее:If the Azure Explorer view is not visible in Eclipse, display it by doing the following:

  1. Щелкните Окно, Show View (Показать представление), а затем выберите Другие.Click Window, click Show View, and then click Other.

    Команда Show View (Показать представление)

  2. В диалоговом окне Show View (Показать представление) выберите Azure Explorer (Обозреватель Azure) и нажмите кнопку ОК.In the Show View dialog box, select Azure Explorer, and then click OK.

    Диалоговое окно Show View (Показать представление)

Очистка ресурсовCleaning up resources

  1. Опубликовав веб-приложение в Azure, вы можете управлять им, щелкнув его правой кнопкой мыши в Azure Explorer и выбрав один из параметров контекстного меню.After you have published your web app to Azure, you can manage it by right-clicking in Azure Explorer and selecting one of the options in the context menu. Например, вы можете удалить веб-приложение здесь, чтобы очистить ресурс для этого учебника.For example, you can Delete your web app here to clean up the resource for this tutorial.

    Управление службой приложений

Дополнительная информацияNext steps

Сообщить об ошибке или запросить новые функции можно в нашем репозитории GitHub.To report bugs or request new features, create issues on our GitHub repository. Также можно задать вопросы на сайте Stack Overflow, пометив их тегом azure-java-tools.Or, ask questions on Stack Overflow with tag azure-java-tools.

Дополнительные сведения об использовании Java в Azure см. по следующим ссылкам:For more information about using Java with Azure, see the following links:

Дополнительные сведения о создании веб-приложений Azure см. в разделе Обзор веб-приложений.For additional information about creating Azure Web Apps, see the Web Apps Overview.