Implementar solo HTML, página web CSS en Tomcat


88

Recién estoy comenzando a desarrollar un sitio web . Todo lo que tengo en este momento es una página HTML compatible con un par de hojas de estilo CSS .

¿Puedo crear un archivo WAR a partir de las páginas HTML y CSS ? ¿Cómo los implemento en un servidor Tomcat ?

Gracias.

Respuestas:


156

No hay ninguna necesidad real de crear una guerra para ejecutarlo desde Tomcat. Puedes seguir estos pasos

  1. Cree una carpeta en la carpeta de aplicaciones web, por ejemplo, MyApp

  2. Coloque su html y css en esa carpeta y nombre el archivo html, que desea que sea la página de inicio de su aplicación, index.html

  3. Inicie Tomcat y apunte su navegador a la URL "http: // localhost: 8080 / MyApp". Su página index.html aparecerá en el navegador.


1
Creé una carpeta MyApp1 en / usr / share / tomcat6 / webapps / y copié el html con el que estoy trabajando en MyApp1 y lo renombré a index.html. localhost: 8080 / MyApp1 - da error 404.
Van de Graff

2
Acabo de descargar Tomcat 6, intenté lo anterior en mi Windows XP y funcionó. Como lo está ejecutando en Linux (supongo que de 'usr / share') no puedo recrear su escenario por completo, pero intente lo siguiente: apunte su navegador a localhost: 8080. Si ve la página del administrador de tomcat, en la esquina inferior izquierda, haga clic en ejemplos de servlet. Verifique la ruta de la página resultante. Apunta a index.html en la ruta de la carpeta de servlets que se proporciona en la página en el navegador. Debe configurar su aplicación en las mismas líneas
Gaurav Saxena

Puedo confirmar que el método gauravs funcionó; también intenté lo mismo.
Nidhin_toms

¡Perfecto! Gracias.
kholofelo Maloma

1
@VandeGraff, eso podría deberse a que no tiene permisos de lectura. Por lo general, los archivos colocados bajo / usr / * tienen problemas de permisos ... Yo coloco el mío en /home/myAccount/installations/tomcat/webapps/myApp/index.html
kholofelo Maloma

31

Aquí está mi configuración : estoy en Ubuntu 9.10.

Ahora, esto es lo que hice.

  1. Cree una carpeta llamada " tomcat6-myapp " en / usr / share .
  2. Cree una carpeta " myapp " en / usr / share / tomcat6-myapp .
  3. Copie el archivo HTML (que necesito implementar) en / usr / share / tomcat6-myapp / myapp . Debe llamarse index.html .
  4. Vaya a / etc / tomcat6 / Catalina / localhost .
  5. Cree un archivo xml " myapp.xml " (supongo que debe tener el mismo nombre que el nombre de la carpeta en el paso 2) dentro de / etc / tomcat6 / Catalina / localhost con el siguiente contenido.

    < Context path="/myapp" docBase="/usr/share/tomcat6-myapp/myapp" />
    
  6. Este xml se llama ' Descriptor de implementación ' que Tomcat lee e implementa automáticamente su aplicación llamada " myapp ".

  7. Ahora vaya a http: // localhost: 8080 / myapp en su navegador; el index.html es recogido por tomcat y se muestra.

¡Espero que esto ayude!


recuerde insertar en el xml<?xml version="1.0" encoding="UTF-8"?>
volperossa

3

Aquí está mi paso en Ubuntu 16.04 y Tomcat 8.

  1. Copie la carpeta / var / lib / tomcat8 / webapps / ROOT a su carpeta.

    cp -r / var / lib / tomcat8 / webapps / ROOT / var / lib / tomcat8 / webapps / {yourfolder}

  2. Agregue su html, css, js a su carpeta.

  3. Abra " http: // localhost: 8080 / {yourfolder}" en el navegador

Notas:

  1. Si está utilizando el navegador web Chrome e hizo una carpeta incorrecta antes, limpie la memoria caché del navegador web (o cambie otro nombre); de lo contrario (a veces) siempre será 404.

  2. Se necesita la carpeta META-INF con context.xml.


2

Si desea crear un archivo .war, puede implementarlo en una instancia de Tomcat utilizando la aplicación Manager, cree una carpeta, coloque todos sus archivos en esa carpeta (incluido un archivo index.html), mueva la ventana de su terminal a esa carpeta y ejecute el siguiente comando:

zip -r <AppName>.war *

Lo probé con Tomcat 8 en Mac, pero debería funcionar en cualquier lugar

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.