🚀 在 VS Code 中！

使用 Visual Studio Code 开发 Java Web 应用

本教程向您展示如何使用 Visual Studio Code 创建 Java Web 应用程序。您将学习如何将 Java Web 应用程序部署到 Azure 应用服务中的 Linux Tomcat 服务器。

场景

一个简单的 Hello World Web 应用。

Greeting from Java

开始之前

在运行和部署此示例之前，您的本地开发环境必须安装 Java SE 开发工具包 (JDK) 和 Apache Maven 构建工具。如果您没有安装，请安装它们。

下载并安装 Java 扩展包，其中包含 JDK 11。

注意：必须将 JAVA_HOME 环境变量设置为 JDK 的安装位置才能完成本教程。

下载 Apache Maven 3 或更高版本

下载 Apache Maven

为您的本地开发环境安装 Apache Maven

安装 Apache Maven

创建 Maven Web App 项目

maven-archetype-webapp 是一个原型，用于生成 Maven Web App 项目。要了解更多信息，您可以访问此文档。

  1. 在一个空文件夹中，运行以下命令以从 Maven 原型生成新项目。
   mvn archetype:generate -DarchetypeGroupId=org.apache.maven.archetypes -DarchetypeArtifactId=maven-archetype-webapp -DarchetypeVersion=1.4

  1. Maven 会询问您完成部署时生成项目所需的值。出现提示时提供以下值

    提示 值 描述
    groupId com.webappproject 一个在所有项目中唯一标识您的项目的值，遵循 Java 的包命名规则。
    artifactId webapp-project 一个作为 jar 文件名称的值，不包含版本号。
    version 1.0-SNAPSHOT 选择默认值。
    package com.webappproject 一个作为生成的函数代码的 Java 包的值。使用默认值。

  2. 键入 Y 或按 Enter 键确认。

    Maven 会在一个名为 artifactId 的新文件夹中创建项目文件，在本例中为 webapp-project。

  3. 导航到项目文件夹中

    cd webapp-project

将 Web 应用部署到云

我们刚刚构建了一个 Java Web 应用程序并在本地运行了它。现在您将学习如何从 Visual Studio Code 部署并在云中的 Azure 上运行它。

如果您没有 Azure 订阅，您可以注册一个 免费 Azure 帐户。

创建您的免费 Azure 帐户

安装 Azure 应用服务扩展

Azure 应用服务扩展用于创建、管理和部署到 Azure 应用服务，主要功能包括

  • 创建新的 Azure Web 应用/部署槽
  • 部署到 Azure Web 应用/部署槽
  • 启动、停止和重启 Azure Web 应用/部署槽
  • 查看 Web 应用的日志文件
  • 交换部署槽

要安装 Azure 应用服务扩展，请打开扩展视图（⇧⌘X (Windows, Linux Ctrl+Shift+X)) 并搜索 azure app service 以过滤结果。选择 Microsoft Azure 应用服务扩展。为了获得更以命令行 Maven 为中心的体验，您还可以查看 Azure 应用服务 Linux 教程的 Maven 插件。

登录到您的 Azure 订阅

要登录到 Azure，请从 命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 运行 Azure: 登录。或者，您可以通过单击 资源管理器 中的 登录到 Azure... 登录到您的 Azure 帐户。

Azure sign in code

在 Azure 上创建新的 Web 应用

安装扩展后，您可以按照以下步骤在 Azure 上创建新的 Web 应用。

  1. 单击 资源管理器 视图上的 创建 按钮，然后选择 创建应用服务 Web 应用...。

  2. 为新的 Web 应用输入唯一的名称。

  3. 选择 Web 应用的运行时任务，例如 Java 17。

  4. 选择 Java Web 服务器堆栈，例如 Apache Tomcat 10.0。

  5. 选择定价层，例如 免费(F1)。

Create a Web App

构建并部署到 Web 应用

部署过程利用 Azure 资源扩展（与 Azure 应用服务扩展一起作为依赖项安装），您需要使用您的 Azure 订阅登录。如果您没有 Azure 订阅，立即注册免费 30 天帐户，并获得 200 美元的 Azure 积分来试用任何 Azure 服务组合。

登录后，您可以打开命令提示符或终端窗口，并使用 Maven 命令构建项目。这将在 target 目录中生成新的 war 或 jar 工件。

mvn clean package

构建项目后，在 VS Code 资源管理器中打开 target 目录。右键单击工件，然后选择 部署到 Web 应用，并按照提示选择用于部署的 Web 应用。

Deploy to Web App

打开 VS Code 中的 输出 窗口以查看部署日志。部署完成后，它将打印出您的 Web 应用的 URL。单击链接以在浏览器中打开它，您可以看到 Web 应用在 Azure 上运行！

Greeting from Spring Boot

注意： 有关应用服务的更多高级功能，您可以查看 Azure 应用服务扩展。

清理资源

  1. 要删除您的 Web 应用，请导航到 资源管理器 并找到 应用服务 项。

  2. 右键单击您要删除的 Web 应用，然后单击 删除。

Delete the Web App Resources

  1. 要删除您的应用服务计划或资源组，请访问 Azure 门户 并手动删除您订阅下的资源。

后续步骤

3/2/2023