weather app javaServletJSP

WeatherApp menggunakan Java Servlet JSP

Keterangan

WeatherApp adalah aplikasi web Java sederhana yang dikembangkan menggunakan Servlets, JSP, HTML, CSS, dan JavaScript. Ini terintegrasi dengan API OpenWeathermap untuk mengambil data cuaca untuk kota tertentu dan menampilkannya kepada pengguna.

Fitur

Ambil data cuaca berdasarkan nama kota input pengguna. Tampilkan kondisi cuaca saat ini termasuk suhu, kelembaban, kecepatan angin, visibilitas, dan tutupan awan, dll.

Teknologi digunakan

• Java Servlets
• Javaserver Pages (JSP)
• Html
• CSS
• Javascript
• Perpustakaan Gson untuk parsing JSON
• API OpenWeathermap

Petunjuk Pengaturan

1. Unduh dan instal Eclipse IDE (atau IntelliJ Idea).
2. Unduh dan instal Apache Tomcat 10.1.1.
3. Buka Eclipse IDE dan konfigurasinya dengan Apache Tomcat:
   • Pergi ke Window -> Preferences .
   • Arahkan ke Server -> Runtime Environments .
   • Klik Add dan pilih Apache Tomcat v10.1.1 .
   • Berikan direktori instalasi Tomcat dan selesaikan pengaturannya.
4. Kloning repositori ke mesin lokal Anda menggunakan git clone <repository_url> .
5. Impor proyek ke IDE ECLIPSE:
   • Pergi ke File -> Import .
   • Pilih Existing Projects into Workspace .
   • Pilih direktori proyek yang dikloning dan impor ke gerhana.
6. Pastikan perpustakaan GSON termasuk dalam direktori src/webapp/WEB-INF/lib dari proyek Anda. Jika tidak, tambahkan secara manual ke jalur build.
7. Dapatkan kunci API dari OpenWeathermap dan ganti placeholder myApiKey di MyServlet.java dengan kunci API Anda yang sebenarnya.
8. Jalankan aplikasi di server Apache Tomcat lokal Anda:
   • Klik kanan pada proyek di Eclipse.
   • Pergi Run As -> Run on Server .
   • Pilih Server Tomcat yang Anda Konfigurasi dan klik Finish .
9. Akses WeatherApp melalui browser web Anda menggunakan URL yang disediakan (biasanya http://localhost:8080/WeatherApp ).

Integrasi API di Servlet:

• Membuat java servlet (myservlet.java) untuk menangani permintaan http.
• Dalam metode dopost, mengambil nama kota dari input formulir.
• Dibangun URL API dengan nama kota dan kunci API Anda (APIURL) untuk mengambil data cuaca.

Permintaan HTTP ke API:

• Digunakan httpurlconnection untuk membuat koneksi ke titik akhir API.
• Atur metode permintaan untuk mendapatkan dan mengambil respons API menggunakan aliran input.

Memproses respons API:

• Respons API dalam format JSON.
• Menggunakan perpustakaan GSON untuk mengurai respons JSON menjadi JSONObject.
• Diekstraksi data cuaca yang relevan seperti suhu, kelembaban, kecepatan angin, visibilitas, kondisi cuaca, dan tutupan awan dari respons JSON.

Atribut Permintaan Pengaturan:

• Menyimpan data cuaca yang diekstraksi, nama kota, tanggal, waktu, dan informasi lain yang relevan sebagai atribut permintaan menggunakan httpservletrequest.setAttribute ().

Permintaan Penerusan ke JSP:

• Meneruskan permintaan ke halaman JSP (index.jsp) untuk rendering menggunakan requestDispatcher.forward ().

Menampilkan data di JSP:

• Di halaman JSP kami (index.jsp), kami menggunakan HTML dan kode java tertanam (EL Expressions) untuk menampilkan data cuaca.
• Mengakses data dari atribut permintaan menggunakan sintaks $ {attributeName}.

Tangkapan layar

Dibuat oleh:

• Darshan Bajgain