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

使用开源的 Azure Toolkit for Eclipse 插件可以快速创建一个基本的 Hello World 应用程序并将其作为 Web 应用部署到 Azure 应用服务。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.

如果还没有 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

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

备注

Eclipse 市场中的 Azure Toolkit for Eclipse 页列出了与该工具包兼容的内部版本。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 工作区,以便安装用于 Eclipse 插件的 Azure 工具包(其他安装选项)。Drag the following button to your running Eclipse workspace to install the Azure Toolkit for Eclipse plugin (other installation options).

    拖到正在运行的 Eclipse* 工作区。*需要 Eclipse Marketplace 客户端Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client

  2. 若要登录到 Azure 帐户,请依次单击“工具”、“Azure”、“登录”。 To sign in to your Azure account, click Tools, then click Azure, and then click Sign In. 用于 Azure 登录的 Eclipse 菜单Eclipse Menu for Azure Sign In

  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 clicked Copy&Open in last step) and then click Next.

    设备登录浏览器

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

    “选择订阅”对话框

创建 Web 应用项目Creating web app project

  1. 依次单击“文件”、“新建”和“动态 Web 项目”。 Click File, click New, and then click Dynamic Web Project. (如果在单击“文件”、“新建”后未看到“动态 Web 项目”作为可用项目列出,则执行以下操作:依次单击“文件”、“新建”、“项目...”,展开“Web”,单击“动态 Web 项目”,并单击“下一步”。) (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.)

    创建新的动态 Web 项目

  2. 在本教程中,项目命名为 MyWebAppFor purposes of this tutorial, name the project MyWebApp. 屏幕应与下图中所示类似:Your screen will appear similar to the following:

    “新建动态 Web 项目”属性

  3. 单击“完成” 。Click Finish.

  4. 在 Eclipse 的项目资源管理器视图中,展开“MyWebApp”。 Within Eclipse's Project Explorer view, expand MyWebApp. 右键单击“WebContent”,单击“新建”,并单击“JSP 文件”。 Right-click WebContent, click New, and then click JSP File.

    新建 JSP 文件

  5. 在“新建 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.

    “新建 JSP 文件”对话框

  6. 基于本教程的目的,在“选择 JSP 模板”对话框中选择“新建 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.

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

  1. 在 Eclipse 的“项目资源管理器”视图中,右键单击项目,选择“Azure”,然后选择“发布为 Azure Web 应用” 。Within Eclipse's Project Explorer view, right-click your project, choose Azure, and then choose Publish as Azure Web App.

    发布为 Azure Web 应用

  2. 当“部署 Web 应用”对话框显示时,可选择以下某个选项: When the Deploy Web App dialog box appears, you can choose one of the following options:

    • 选择现有的 Web 应用(如果存在)。Select an existing web app if one exists.

      选择应用服务

    • 单击“创建新 Web 应用” 。Click Create New Web App.

      创建应用服务

      在“创建应用服务”对话框中为 Web 应用指定必要信息,然后单击“创建” 。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. 选择 Web 应用,然后单击“部署” 。Select your web app and then click Deploy.

    部署应用服务

  4. 工具包在成功部署 Web 应用后会在“Azure 活动日志”选项卡下显示“已发布”状态 ,这是已部署 Web 应用的 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. 可使用状态消息中提供的链接转到 Web 应用。You can browse to your web app using the link provided in the status message.

    转到你的 Web 应用

显示 Azure 资源管理器视图Displaying the Azure Explorer view

如果“Azure 资源管理器”视图 未显示在 Eclipse 中,请通过以下步骤来显示它:If the Azure Explorer view is not visible in Eclipse, display it by doing the following:

  1. 依次单击“窗口”、“显示视图”、“其他”。 Click Window, click Show View, and then click Other.

    “显示视图”命令

  2. 在“显示视图” 对话框中,选择“Azure 资源管理器” ,并单击“确定” 。In the Show View dialog box, select Azure Explorer, and then click OK.

    “显示视图”对话框

清理资源Cleaning up resources

  1. 将 Web 应用发布到 Azure 以后,即可对其进行管理,方法是在 Azure 资源管理器中右键单击,然后在上下文菜单中选择一个选项。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. 例如,可以删除此处的 Web 应用,以便清理本教程的资源。For example, you can Delete your web app here to clean up the resource for this tutorial.

    管理应用服务

后续步骤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.