Introducción al desarrollo web con JAVA. Instalación y configuración de las principales tecnologías para el desarrollo de aplicaciones web con JAVA.

1. DESARROLLO WEB CON JAVA
Introducción: Servlets
Autor: Jon Vadillo
www.jonvadillo.com

2. Metodología
■ Aprendizaje continuo
■ Learn by doing
■ Paso a paso
■ Código en Github
■ Construye aplicaciones reales
■ Fundamentos básicos y buenas prácticas

3. El camino
■ Fundamentos básicos de una aplicación web.
■ Tomcat
■ Maven
■ Servlet
■ Flujo de peticiones de una aplicación web

4. Apache Netbeans
https://netbeans.apache.org/

5. Instalación
■ Descargar Apache Netbeans
■ Descomprimir
■ Ejecutar:
■ Instalar Plug-ins

6. Herramienta de software para la
gestión y construcción de proyectos
Java
Maven

7. Maven
■ Está basado en POM (Project Object Model). Cada proyecto
tiene la información para su ciclo de vida en el descriptor
xml (por defecto el fichero pom.xml).
■ Proporciona funcionalidades desde la compilación hasta la
distribución, despliegue y documentación de los proyectos

8. <project
<!-- INFORMACIÓN DEL PROYECTO -->
<groupId>com.jvadillo</groupId>
<artifactId>HelloWebProject</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>war</packaging>
<name>HelloWebProject</name>
<!-- dependencias -->
<dependencies>
<dependency>
<groupId>javax</groupId>
<artifactId>javaee-web-api</artifactId>
<version>7.0</version>
<scope>provided</scope>
</dependency>
</dependencies>
</project>

10. Estructura de carpetas

11. Plugins
■ Ir a Tools > Plugins > Settings
■ Activar la opción Netbeans 8.2 Plugin Portal
■ Ir a Available Plugins Tab y pulsar en Check for
Newest
■ Buscar “web” o “EE” y seleccionar “Install box for
Java EE”
■ Pulsar “Install” y reiniciar el IDE

12. Tomcat es un servidor de aplicaciones
contenedor web con soporte de
servlets y JSPs.
Tomcat

13. Instalar Tomcat
1. Ir a https://tomcat.apache.org/download-90.cgi
2. Descargar el archivo de 32/64 bit para Windows del Core.
3. Descomprimir (p.ej. En “C:/tomact”)
4. Ir a Variables de Entorno y añadir CATALINA_HOME (seleccionar el directorio
donde se ha descomprimido) y añadir %CATALINA_PATH%bin a la variable
del sistema Path.
https://www.youtube.com/watch?v=EdoyzEdseHk
https://confluence.atlassian.com/doc/setting-the-java_home-variable-in-windows-8895.htm

14. Instalar Tomcat
5. En caso de no haber añadido previamente la variable de entorno
JAVA_HOME, añadirla apuntando al JDK o JRE.
6. En el directorio bin de Apache Tomcat ejecutar el comando startup.
7. Comprobación: http://localhost:8080/
8. Añadir usuario
https://www.youtube.com/watch?v=EdoyzEdseHk
https://confluence.atlassian.com/doc/setting-the-java_home-variable-in-windows-8895.htm
https://tutobasico.com/instalar-tomcat-windows/

15. Agregar Tomcat a Netbeans
1. En NetBeans, da click al menú Tools>Servers
2. En el cuadro de dialogo, da click en Add Server.
3. Selecciona Apache Tomcat y pulsa siguiente
4. Pulsa el botón Browse y selecciona el directorio donde colocaste los archivos
de Tomcat.
5. 6.- Coloca un usuario y una contraseña (pueden ser las que tu prefieras, al
correr una aplicación tal vez te los pida). Acepta los cambios. De preferencia
cambia el puerto del nuevo Tomcat por el 8084.
https://videlcloud.wordpress.com/2018/04/06/agrega-el-
servidor-tomcat-9-a-netbeans/

16. Nuestra primera aplicación web JAVA con Maven y
Tomcat
Hands on!
https://github.com/jvadillo/01-servlet-hello-world

17. Ficheros importantes
■ HelloServlet
■ pom.xml
■ web.xml (opcional si utilizamos anotaciones)

18. ¿Qué componentes toman parte?
■ Cliente web (p.ej. Firefox, Chrome, …)
■ Web Server (p.ej. Apache Tomcat)
■ Web Container (Servlet Container)
■ Nuestra aplicación web (conjunto de Servlets y
otros componentes)

19. Un Servlet es una clase JAVA capaz de
responder a solicitudes HTTP
¿Qué es un Servlet?

20. Servlet
■ Los paquetes javax.servlet and javax.servlet.http contienen
interfaces and clases que nos permiten implementar Servlets.
■ La clase HttpServlet proporciona métodos, como doGet y doPost,
para gestionar los servicios HTTP.

21. @WebServlet(name = "HelloServlet", urlPatterns = {"/HelloServlet"})
public class HelloServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
//CODIGO
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
//CODIGO
}
}
}

22. Servlet Workflow
Cliente Web Server
Servlet Container
Servlet
1. El cliente realiza una
petición HTTP al servidor
2. El servidor web delega
A un el contenedor.
3. El contenedor crea las objetos
HTTPServletRequest y HTTPResponse
y ejecuta un Servlet.
4. El Servlet se ejecuta y
genera una respuesta
5. El servidor envía la
respuesta al cliente

23. Ciclo de vida de un Servlet
Inicialización
Init()
service() Destrucción
doPut()
1. Al arrancar el servidor
web, el contenedor crea una
instancia de cada Servlet y
se invoca el método init() de
cada uno.
4. Cuando se apaga el contenedor
de Servlets, elimina todas las
instancias de Servlets creadas y
llama a su método destroy()
2. Por cada petición que recibe el
servidor web, crea un hilo y llama
al método service() del Servlet
correspondiente
3. En función de la
petición recibida (GET,
POST,…), invoca el
método correspondiente.
doPost() doDelete()doGet()
…

24. Creada por el Servlet Container, proporciona información
sobre la petición HTTP.
El objeto Request
//GET: http://miservidor.com?nombre=Pedro
request.getParameter("nombre"); //Pedro

25. El objeto Request

26. Contiene toda la
información que será
devuelta al cliente.
El objeto Response
try (PrintWriter out = response.getWriter()) {
out.println("<!DOCTYPE html>");
out.println("<html>");
out.println("<head>");
out.println("<title>Servlet HelloServlet</title>")
out.println("</head>");
out.println("<body>");
out.println("<h1>Hello World</h1>");
out.println("</body>");
out.println("</html>");
}

27. Escribe una aplicación web que almacene los parámetros de la
siguiente url en un objeto (deberás crear una clase JAVA llamada
Persona) y muestre una página con los datos del objeto creado.
http://localhost/mi-aplicación?nombre=Telmo&edad=24
Hands on!

28. Escribe una aplicación web que contenga dos páginas. La primera
mostrará un formulario para introducir los valores “Nombre” y “Edad” y
la segunda mostrará los valores enviados (deberá almacenar los valores
recibidos un objeto (deberás crear una clase JAVA llamada Persona.
Hands on!

29. Sources
■ Apache Netbeans: https://netbeans.apache.org/
■ Oracle oficial documentation: https://docs.oracle.com
■ Apache Maven Project: https://maven.apache.org