image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF

FC

Filipe Cardoso25/07/2024 08:55
Compartilhe

Projeto Java WEB em 9 passos

    Aqui eu apresento um passo a passo que segui para elaborar meu primeiro projeto web com Java.

    1. Instalar as Ferramentas Necessárias

    Antes de começar, certifique-se de ter o JDK (Java Development Kit) e o Apache Maven instalados no seu sistema.

    Instalação do JDK

    • Baixe e instale o JDK a partir do site oficial da Oracle: Oracle JDK
    • Configure a variável de ambiente JAVA_HOME para o diretório de instalação do JDK.

    Instalação do Maven

    • Baixe e instale o Maven a partir do site oficial: Apache Maven
    • Configure a variável de ambiente MAVEN_HOME para o diretório de instalação do Maven.

    2. Instalar Extensões no VSCode

    Abra o VSCode e instale as seguintes extensões:

    • Java Extension Pack: Esta extensão inclui suporte básico para desenvolvimento Java.
    • Maven for Java: Suporte para Apache Maven.
    • Language Support for Java(TM) by Red Hat: Suporte adicional para Java.

    3. Criar um Novo Projeto Maven

    No terminal do VSCode, crie um novo projeto Maven usando o comando abaixo:

    mvn archetype:generate -DgroupId=com.example -DartifactId=helloworld -DarchetypeArtifactId=maven-archetype-webapp -DinteractiveMode=false
    

    Isso criará um projeto básico de aplicativo web Maven com a estrutura de diretórios necessária.

    4. Estrutura do Projeto

    A estrutura do seu projeto será semelhante a esta:

    helloworld
    ├── src
    │   └── main
    │       ├── java
    │       └── webapp
    │           ├── WEB-INF
    │           │   └── web.xml
    │           └── index.jsp
    ├── pom.xml
    └── README.md
    

    5. Configurar o Arquivo pom.xml

    Edite o arquivo pom.xml para incluir as dependências necessárias. Para um simples "Hello World", você pode usar a seguinte configuração:

    <project xmlns="http://maven.apache.org/POM/4.0.0"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
      <modelVersion>4.0.0</modelVersion>
      <groupId>com.example</groupId>
      <artifactId>helloworld</artifactId>
      <version>1.0-SNAPSHOT</version>
      <packaging>war</packaging>
    
    
      <build>
          <plugins>
              <plugin>
                  <groupId>org.apache.maven.plugins</groupId>
                  <artifactId>maven-compiler-plugin</artifactId>
                  <version>3.8.1</version>
                  <configuration>
                      <source>1.8</source>
                      <target>1.8</target>
                  </configuration>
              </plugin>
              <plugin>
                  <groupId>org.apache.tomcat.maven</groupId>
                  <artifactId>tomcat7-maven-plugin</artifactId>
                  <version>2.2</version>
                  <configuration>
                      <url>http://localhost:8080/manager/text</url>
                      <server>tomcat7</server>
                      <path>/helloworld</path>
                  </configuration>
              </plugin>
          </plugins>
      </build>
    
    
      <dependencies>
          <!-- Dependência do Servlet -->
          <dependency>
              <groupId>javax.servlet</groupId>
              <artifactId>javax.servlet-api</artifactId>
              <version>4.0.1</version>
              <scope>provided</scope>
          </dependency>
          <!-- Dependência do JSP -->
          <dependency>
              <groupId>javax.servlet.jsp</groupId>
              <artifactId>javax.servlet.jsp-api</artifactId>
              <version>2.3.3</version>
              <scope>provided</scope>
          </dependency>
      </dependencies>
    </project>
    

    6. Criar um Servidor Servlet Simples

    Crie um servlet simples para retornar "Hello World". No diretório src/main/java/com/example, crie um arquivo chamado HelloWorldServlet.java:

    package com.example;
    
    
    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    
    // Remova ou comente a linha abaixo
    // @WebServlet("/hello")
    public class HelloWorldServlet extends HttpServlet {
      private static final long serialVersionUID = 1L;
    
    
      protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          response.setContentType("text/html");
          response.getWriter().println("<h1>Hello, World!</h1>");
      }
    }
    

    7. Configurar o Arquivo web.xml:

    No diretório src/main/webapp/WEB-INF, edite o arquivo web.xml para incluir o mapeamento do servlet:

    <web-app xmlns="http://java.sun.com/xml/ns/javaee"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
           version="2.5">
    
    
      <servlet>
          <servlet-name>HelloWorldServlet</servlet-name>
          <servlet-class>com.example.HelloWorldServlet</servlet-class>
      </servlet>
    
    
      <servlet-mapping>
          <servlet-name>HelloWorldServlet</servlet-name>
          <url-pattern>/hello</url-pattern>
      </servlet-mapping>
    
    
    </web-app>
    

    8. Compilar e Executar o Projeto

    No terminal do VSCode, navegue até o diretório do projeto e execute o seguinte comando para compilar e implantar o projeto no Tomcat:

    mvn clean install tomcat7:run
    

    9. Acessar a Aplicação

    Abra o navegador e acesse http://localhost:8080/helloworld/hello. Você deverá ver a mensagem "Hello, World!".

    Referências:

    • https://www.devmedia.com.br/introducao-ao-desenvolvimento-de-aplicacoes-web/29798

    Links úteis:

    • https://br.linkedin.com/in/filipe-mesel-lobo-costa-cardoso
    • https://github.com/FilipeMesel
    Compartilhe
    Comentários (0)