WeatherApp usando Java Servlet JSP
Descripción
WeatherApp es una simple aplicación web Java desarrollada con Servlets, JSP, HTML, CSS y JavaScript. Se integra con la API OpenWeathermap para obtener datos meteorológicos para una ciudad determinada y mostrarlos al usuario.
Características
Obtenga datos meteorológicos basados en el nombre de la ciudad de entrada del usuario. Muestre las condiciones climáticas actuales que incluyen temperatura, humedad, velocidad del viento, visibilidad y cubierta de nubes, etc.
Tecnologías utilizadas
- Servlets de Java
- Páginas de Javaserver (JSP)
- Html
- CSS
- Javascript
- Biblioteca GSON para JSON PARSING
- API OpenWeathermap
Instrucciones de configuración
- Descargue e instale Eclipse IDE (o Idea IntelliJ).
- Descargue e instale Apache Tomcat 10.1.1.
- Abra Eclipse IDE y configúrelo con Apache Tomcat:
- Vaya a
Window -> Preferences . - Navegue al
Server -> Runtime Environments . - Haga clic
Add y seleccionar Apache Tomcat v10.1.1 . - Proporcione el directorio de instalación de Tomcat y finalice la configuración.
- Clone el repositorio a su máquina local usando
git clone <repository_url> . - Importar el proyecto en Eclipse IDE:
- Vaya a
File -> Import . - Seleccione
Existing Projects into Workspace . - Elija el directorio de proyectos clonados e importándolo a Eclipse.
- Asegúrese de que la biblioteca GSON esté incluida en el directorio
src/webapp/WEB-INF/lib de su proyecto. Si no, agrégalo manualmente a la ruta de construcción. - Obtenga una llave API de OpenWeathermap y reemplace el marcador de posición
myApiKey en MyServlet.java con su clave API real. - Ejecute la aplicación en su servidor local Apache Tomcat:
- Haga clic derecho en el proyecto en Eclipse.
- Vaya a
Run As -> Run on Server . - Seleccione su servidor Tomcat configurado y haga clic
Finish .
- Acceda a WeatherApp a través de su navegador web utilizando la URL proporcionada (generalmente
http://localhost:8080/WeatherApp ).
Integración de API en servlet:
- Creó un Servlet Java (myServlet.java) para manejar las solicitudes HTTP.
- En el método Dopost, obtuvo el nombre de la ciudad de la entrada del formulario.
- Construyó la URL API con el nombre de la ciudad y su clave API (APIURL) para obtener datos meteorológicos.
Solicitud HTTP a API:
- Usó httpurlconnection para establecer una conexión con el punto final de la API.
- Establezca el método de solicitud para obtener y recuperar la respuesta de la API utilizando transmisiones de entrada.
Respuesta de API de procesamiento:
- La respuesta de la API fue en formato JSON.
- Usó la biblioteca GSON para analizar la respuesta JSON en un JsonObject.
- Extrajo datos meteorológicos relevantes como temperatura, humedad, velocidad del viento, visibilidad, condición climática y cubierta de nubes de la respuesta JSON.
Configuración de atributos de solicitud:
- Almacenó los datos meteorológicos extraídos, el nombre de la ciudad, la fecha, la hora y otra información relevante como atributos de solicitud utilizando httpservletRequest.setAttribute ().
Solicitud de reenvío a JSP:
- Reenvió la solicitud a la página JSP (index.jsp) para renderizar usando requestdispatcher.forward ().
Mostrando datos en JSP:
- En nuestra página JSP (index.jsp), utilizamos HTML y el código Java integrado (expresiones EL) para mostrar los datos meteorológicos.
- Accedió a los datos de los atributos de solicitud utilizando $ {attributeName} sintaxis.
Capturas de pantalla



Creado por: