Tutorial de como empacotar página html como war

empacotar_pagina_em_war.md

Como empacotar uma página com html, css e javascript em um war usando o maven

Pode parecer bizarra essa situação, mas as vezes você tem que passar por ela ter que ter uma página HTML pura sendo servida por um jboss ou glassfish. (Isso é um caso veridico que aconteceu comigo no trabalho).

Para fazer isso é bem simples, basta seguir os seguintes passos:

1. Crie a seguinte estutura de pastas: /src/main/webapp

2. Dentro desta estrutura adicione o HTML, CSS e Js que você criou

3. Crie a pasta WEB-INF dentro da pasta webapp

4. Dentro da pasta WEB-INF crie o arquivo web.xml com o seguinte conteúdo:

<?xml version="1.0"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  version="3.0">
</web-app>

5. Dentro da raiz do projeto crie o arquivo pom.xml com o seguinte conteúdo:

<project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://maven.apache.org/POM/4.0.0"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

	<modelVersion>4.0.0</modelVersion>

	<groupId>com.example</groupId>
	<artifactId>myArtifact</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>war</packaging>

	<name>myArtifact</name>
	<description></description>
	<url></url>

  <build>
    <plugins>
      <plugin>
        <artifactId>maven-war-plugin</artifactId>
        <configuration>
          <webXml>src/main/webapp/WEB-INF/web.xml</webXml>
        </configuration>
      </plugin>
    </plugins>
  </build>
</project>

6. Dentro da pasta do projeto rode o comando:

  mvn clean install