使用 IntelliJ 创建适用于 Azure 应用服务的 Hello World Web 应用Create a Hello World web app for Azure App Service using IntelliJ

使用开源的 Azure Toolkit for IntelliJ 插件可以快速创建一个基本的 Hello World 应用程序并将其作为 Web 应用部署到 Azure 应用服务。Using open sourced Azure Toolkit for IntelliJ plugin, creating and deploying a basic Hello World application to Azure App Service as a web app can be done in a few minutes.

备注

如果首选使用 Eclipse,请查看适用于 Eclipse 的类似教程If you prefer using Eclipse, check out our similar tutorial for Eclipse.

如果还没有 Azure 订阅,可以在开始前创建一个免费帐户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

若要完成文章中的步骤,需要安装用于 IntelliJ 的 Azure 工具包,该工具包需要以下软件组件:To complete the steps in his article, you will need to install the Azure Toolkit for IntelliJ, which requires the following software components:

备注

JetBrains 插件存储库中的 Azure Toolkit for IntelliJ 页列出了与该工具包兼容的内部版本。The Azure Toolkit for IntelliJ page at the JetBrains Plugin Repository lists the builds that are compatible with the toolkit.

安装和登录Installation and Sign-in

  1. 在 IntelliJ IDEA 的“设置/首选项”对话框中 (Ctrl+Alt+S) 中,选择“插件”。 In IntelliJ IDEA's Settings/Preferences dialog (Ctrl+Alt+S), select Plugins. 然后,在“市场”中找到“Azure Toolkit for IntelliJ”并单击“安装”。 Then, find the Azure Toolkit for IntelliJ in the Marketplace and click Install. 安装后,单击“重启”以激活该插件。 After installed, click Restart to activate the plugin.

    市场中的 Azure Toolkit for IntelliJ 插件

  2. 若要登录到你的 Azure 帐户,请打开边栏中的“Azure 资源管理器”,然后单击顶部栏中的“Azure 登录”图标(或者在 IDEA 菜单中选择“工具”>“Azure”>“Azure 登录”)。 To sign in to your Azure account, open sidebar Azure Explorer, and then click the Azure Sign In icon in the bar on top (or from IDEA menu Tools/Azure/Azure Sign in).

    “IntelliJ Azure 登录”命令

  3. 在“Azure 登录”窗口中选择“设备登录”,然后单击“登录”(其他登录选项)。 In the Azure Sign In window, select Device Login, and then click Sign in (other sign in options).

    “Azure 登录”窗口,其中已选择“设备登录”

  4. 在“Azure 设备登录”对话框中单击“复制并打开”。 Click Copy&Open in Azure Device Login dialog .

    “Azure 登录”对话框窗口

  5. 在浏览器中粘贴设备代码(在最后一个步骤中单击“复制并打开”时已复制),然后单击“下一步”。 In the browser, paste your device code (which has been copied when you click Copy&Open in last step) and then click Next.

    设备登录浏览器

  6. 在“选择订阅”对话框中选择要使用的订阅,并单击“确定”。 In the Select Subscriptions dialog box, select the subscriptions that you want to use, and then click OK.

    “选择订阅”对话框

创建 Web 应用项目Creating web app project

  1. 在 IntelliJ 中,依次单击“文件”菜单、“新建”、“项目”。 In IntelliJ, click the File menu, then click New, and then click Project.

    创建新项目

  2. 在“新建项目”对话框中,选择 Maven,然后选择 maven-archetype-webapp,然后单击“下一步” 。In the New Project dialog box, select Maven, then maven-archetype-webapp, and then click Next.

    选择 Maven archetype Webapp

  3. 为 Web 应用指定 GroupId 和 ArtifactId,然后单击“下一步” 。Specify the GroupId and ArtifactId for your web app, and then click Next.

    指定 GroupId 和 ArtifactId

  4. 自定义任何 Maven 设置或接受默认设置,然后单击“下一步” 。Customize any Maven settings or accept the defaults, and then click Next.

    指定 Maven 设置

  5. 指定项目名称和位置,并单击“完成” 。Specify your project name and location, and then click Finish.

    指定项目名称

  6. 在“项目资源管理器”视图下,按如下所示打开并编辑文件 src/main/webapp/index.jsp,然后保存更改Under Project Explorer view, open and edit the file src/main/webapp/index.jsp as following and save the changes:

    <html>
     <body>
       <b><% out.println("Hello World!"); %></b>
     </body>
    </html>
    

    编辑索引页面

将 Web 应用部署到 AzureDeploying web app to Azure

  1. 在“项目资源管理器”视图下右键单击你的项目,展开“Azure”,然后单击“部署到 Azure”。 Under Project Explorer view, right-click your project, expand Azure, then click Deploy to Azure.

    “部署到 Azure”菜单

  2. 在“部署到 Azure”对话框中,如果已有现有的 Tomcat Web 应用,则可将该应用程序直接部署到该 Web 应用,否则应该先创建一个 Web 应用。In the Deploy to Azure dialog box, you can directly deploy the application to an existing Tomcat webapp if you already have one, otherwise you should create a new one first.

    1. 单击“没有可用的 Web 应用,单击此处以新建一个”链接以创建新的 Web 应用;如果订阅中已有现有的 Web 应用,可以从“Web 应用”下拉列表中选择“创建新的 Web 应用”。 Click the link No Available webapp, click to create a new one to crete a new web app, you could choose Create New WebApp from WebApp dropdown if there are existing webapps in your subscription.

      “部署到 Azure”对话框

    2. 在弹出对话框中,选择“TOMCAT 8.5-jre8”作为 Web 容器,指定其他所需信息,然后单击“确定”创建 Web 应用。 In the pop-up dialog box, chose TOMCAT 8.5-jre8 as Web Container and specify other required information, then click OK to create the webapp.

      创建新 Web 应用

    3. 从“Web 应用”下拉列表中选择 Web 应用,然后单击“运行”。(若要部署到现有的 Web 应用,则可以从此处开始) Choose the web app from WebApp drop down, and then click Run.(You could start from here if you want deploy to an existing webapp)

      部署到现有的 Web 应用

  3. 成功部署 Web 应用后,工具包会显示一条状态消息,以及成功部署的 Web 应用的 URL。The toolkit will display a status message when it has successfully deployed your web app, along with the URL of your deployed web app if succeed.

    成功部署

  4. 可使用状态消息中提供的链接转到 Web 应用。You can browse to your web app using the link provided in the status message.

    转到你的 Web 应用

管理部署配置Managing deploy configurations

  1. 发布 Web 应用后,你的设置将保存为默认设置。可以通过单击工具栏上的绿色箭头图标来运行部署。After you have published your web app, your settings will be saved as the default, and you can run the deployment by clicking the green arrow icon on the toolbar. 可通过单击 Web 应用的下拉菜单来修改设置,然后单击“编辑配置” 。You can modify your settings by clicking the drop-down menu for your web app and click Edit Configurations.

    “编辑配置”菜单

  2. 出现“运行/调试配置”对话框后,可修改任意默认设置,然后单击“确定” 。When the Run/Debug Configurations dialog box is displayed, you can modify any of the default settings, and then click OK.

    “编辑配置”对话框

清理资源Cleaning up resources

  1. 在 Azure 资源管理器中删除 Web 应用Deleting Web Apps in Azure Explorer

    清理资源

后续步骤Next steps

若要报告 bug 或请求新功能,请在我们的 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 Web 应用的其他信息,请参阅 Web 应用概述For additional information about creating Azure Web Apps, see the Web Apps Overview.