Visual Studio Code

使用Visual Studio Code开发Java Web应用程序

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

场景

一个简单的Hello World网络应用程序。

来自Java的问候

开始之前

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

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

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

下载 Apache Maven 版本 3 或更高版本：

下载 Apache Maven

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

安装 Apache Maven

创建一个Maven Web应用程序项目

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

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

  1. Maven 在部署时要求您提供完成项目生成所需的值。在提示时提供以下值：

    Prompt Value Description
    groupId com.webappproject A value that uniquely identifies your project across all projects, following the package naming rules for Java.
    artifactId webapp-project A value that is the name of the jar, without a version number.
    version 1.0-SNAPSHOT Choose the default value.
    package com.webappproject A value that is the Java package for the generated function code. Use the default.

  2. 输入 Y 或按 Enter 确认。

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

  3. 导航到项目文件夹：

    cd webapp-project

将Web应用程序部署到云端

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

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

创建您的免费 Azure 账户

安装 Azure App Service 扩展

Azure App Service 扩展用于创建、管理和部署到 Azure App Service，其主要功能包括：

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

要安装Azure App Service扩展，请打开扩展视图（⇧⌘X (Windows, Linux Ctrl+Shift+X)）并搜索azure app service以过滤结果。选择Microsoft的Azure App Service扩展。对于更偏向命令行的Maven体验，您还可以查看Azure App Service Linux教程的Maven插件。

登录到您的 Azure 订阅

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

Azure 登录代码

在Azure上创建一个新的Web应用

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

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

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

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

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

  5. 选择一个定价层，例如 Free(F1)。

创建一个Web应用

构建并部署到Web应用程序

部署过程利用了Azure Resources扩展（作为依赖项与Azure App Service扩展一起安装），您需要使用您的Azure订阅登录。如果您没有Azure订阅，立即注册一个免费的30天账户，并获得200美元的Azure信用额度，以试用任何组合的Azure服务。

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

mvn clean package

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

部署到Web应用

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

来自Spring Boot的问候

注意： 有关App Service的更多高级功能，您可以查看Azure App Service扩展。

清理资源

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

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

删除Web应用程序资源

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

下一步

3/2/2023