Qué onda, espero este mini tutorial les pueda servir para iniciar en el desarrollo WEB. Lo primero que tienen que hacer es tener un entorno de desarrollo, que si bien no es necesario, facilita algo el trabajo. Lo que se suele ocupar en las empresas es Netbeans o Eclipse (este último en diferentes versiones).
Vamos a ocupar aquí “Eclipse Indigo”, en su versión para el desarrollo de aplicaciones con JAVA Enterprise Edition. Lo pueden descargar de aquí:
Lo siguiente, esto sí necesario, es tener un servidor
donde lanzar/instalar/poner/”deployear” las aplicaciones que realizan. Para
pruebas menores/locales yo utilizo Tomcat 7, ya que no es necesario
configurarlo de una forma pro. Lo pueden descargar de aquí:
Ambos son archivos comprimidos, lo único que tienen que
hacer es extraerlos en una carpeta. Yo suelo hacerlo bajo “C” o en Linux bajo
mi “home”. Como en este momento estoy en Windows, la cosa sería algo así:
C:\eclipse
C:\tomcat
Para que eclipse funcione, necesitan tener instalado JAVA en sus computadoras, y para desarrollar, la lógica y la cordura nos dicen que tenemos que tener un JDK (yo he trabajado con la v. 6), la última versión está en:
Para que eclipse funcione, necesitan tener instalado JAVA en sus computadoras, y para desarrollar, la lógica y la cordura nos dicen que tenemos que tener un JDK (yo he trabajado con la v. 6), la última versión está en:
> Configurar el entorno
y nuestro servidor
1.-
Abrir eclipse. Cada vez que lo ejecutemos, se nos preguntará el workspace donde
queremos trabajar. Podemos organizar nuestros proyectos en distintos
workspaces, aunque esto no es necesario y podemos tener todos ellos en 1 solo.
Por decir algo, podemos tener 1 workspace para proyectos Hibernate, otro
workspace para proyectos de Spring, etc.
Este será el entorno
inicial:
2.- Cerramos la
ventana de Welcome o damos clic en workbench.
De este paso nos
interesará tener la “perspectiva” de un desarrollo “Java EE”:
La perspectiva son los componentes y ventanas que se nos
mostrarán en el entorno, de acuerdo a lo que estemos desarrollando. Como Java
EE se enfoca igualmente al desarrollo de aplicaciones WEB, si se dan cuenta, en
las pestañas inferiores aparece una que dice “servers” … (entre otras cosas).
Si no tenemos la perspectiva de JAVA
EE, la podemos abrir con:
Window => Open perspective => JAVA EE
3.-
Ahora vamos a configurar nuestro servidor, donde deployaremos lo que
programemos. Para esto nos vamos a la pestaña de servidores y damos clic en el
Wizard:
4.-
Seleccionamos la opción de Apache->Tomcat v7, que fue la que descargamos.
Damos clic en Next.
5.- Buscamos el directorio donde descomprimimos nuestro
servidor. Aquí ya podemos dar clic en Finish.
En nuestro explorador de proyectos, ya
podemos ver el servidor enlazado:
Hasta aquí ya tenemos todo
listo para empezar, y son de los pasos más difíciles, puesto que el inicio es
lo que se nos dificulta en estas cosas “de la WEB”.
> Creando nuestro primer proyecto
Lo siguiente que haremos será crear un proyecto WEB, que
contenga una sola página WEB, pero que podremos consultar ya desde un
Navegador.
1. - Dar clic en File
=> New => Dynamic Web Project
Y será dinámico porque no es estático jajaja XD (http://cefire.edu.gva.es/file.php/1/Comunicacion_y_apertura/B3_PaginaWeb/pgina_web_esttica_vs_dinmica.html).
2.-
Ponerle un nombre al proyecto. Establecer el módulo WEB; en este caso, por
simplicidad, ocupamos la versión 3.0, que ya contiene ciertas configuraciones
que en caso contrario tendríamos que hacer de forma manual (como el “levantar”
servlets) en un archivo de configuración que en un par de pasos crearemos.
También aquí podemos indicar el servidor en el cuál se lanzará nuestra
aplicación. Por defecto, viene el servidor que ya enlazamos anteriormente.
Hecho lo anterior es importante dar
clic en Next y no en Finish.
3.- En la ventana siguiente damos clic nuevamente en Next
sin hacer algo, y finalmente, seleccionamos la opción de crear el descriptor de
despliegue:
Este descriptor de despliegue es, mmm, bueno, ustedes
pueden leer más, pero llamémosle, el equivalente a nuestra “clase main” ñ_ñ.
Entonces, el no crearlo, sería imprudente (aunque siempre está la opción de crearlo desde 0 por nuestra propia cuenta después). Ahora sí podemos dar clic en Finish.
6.- Podemos observar
la siguiente estructura en nuestro Project Explorer:
Java Resources => src:
Aquí irán nuestros paquetes y clases creados con el lenguaje JAVA, por
el momento, no crearemos algo, me da pesadez escribir más de lo que ya será
escrito.
WebContent => Carpreta donde pondremos nuestras páginas WEB.
WebContent => Carpreta donde pondremos nuestras páginas WEB.
WebContent => Web-INF: Aquí podemos poner páginas “seguras” que solo serán accedidas desde un servlet y no desde el navegador directamente. También agregar bibliotecas bajo el directorio “lib”; y por último, aquí se encuentra nuestra “clase main” (web.xml).
7.-
Las “etiquetas” son muy descriptivas, entonces, espero no sea necesario
explicarlas. Lo que haremos, será borrar los “<welcome-file>” que estén
ahí, quedando de la forma:
En un momento haremos nuestra página principal, que será
la que irá en ese “welcome-file” que dejamos.
8.- Damos clic
derecho en WebContent, en nuestro Project Explorer, New y folder.
9.-
Damos el nombre “JSPs” a la carpeta. Ahora, clic derecho sobre esta nueva
carpeta, New y JSP, a la que llamaremos (no forzosamente) index.jsp :
Damos clic en Finish.
10.-
Hemos creado una página JSP, si la abren, se darán cuenta que es como cualquier
página HTML común y corriente, solo con algunas diferencias en sus encabezados.
Además, estas páginas tienen la particularidad que pueden incluir código JAVA,
pero bueno, hablar de ellas ahorita sería tema de otro manual algo
más
extenso. Por el momento, la trataremos como una página HTML común y corriente,
solo añadiéndole algún mensaje para que no esté en blanco:
11.-
Añadimos esta página en el archivo web.xml, para que sea la página inicial de
nuestro proyecto (sitio web). Recuerden que esta página la metimos en una
carpeta llamada JSPs, que creamos solamente para dar una mejor estructura al
proyecto. El archivo web.xml finalmente quedará como:
Y la estructura de nuestro proyecto:
12.-
Para probar nuestro proyecto, damos clic derecho sobre el proyecto y
seleccionamos la opción “Run As” => “Run on server”.
13.- Seleccionamos el
servidor donde queramos ejecutar la aplicación
14.-
Podemos agregar tantas aplicaciones como tengamos al servidor. Yo recomiendo
siempre elegir solamente la que estamos probando actualmente. Damos clic en
Finish.
15.-
En la consola podemos ver la actividad que se está llevando a cabo en el
servidor:
16.-
Y finalmente a través de la URL “http:localhost:8080/NombreDeMiProyecto/”
podemos acceder desde cualquier navegador a la página principal, configurada en
el web.xml. En este caso, Eclipse trae su propio navegador incluido, pero
funcionaría en cualquiera ñ_ñ.
