JavaサーブレットJSPを使用したWeatherApp
説明
WeatherAppは、サーブレット、JSP、HTML、CSS、およびJavaScriptを使用して開発されたシンプルなJava Webアプリケーションです。 OpenWeatherMap APIと統合して、特定の都市の気象データを取得し、ユーザーに表示します。
特徴
ユーザーの入力都市名に基づいて天気データを取得します。温度、湿度、風速、視認性、雲の覆いなどを含む現在の気象条件を表示します。
使用されたテクノロジー
- Javaサーブレット
- Javaserverページ（JSP）
- HTML
- CSS
- JavaScript
- JSON解析のためのGSONライブラリ
- OpenWeatherMap API
セットアップ手順
- Eclipse IDE（またはIntellij Ideas）をダウンロードしてインストールします。
- Apache Tomcat 10.1.1をダウンロードしてインストールします。
- Eclipse Ideを開き、Apache Tomcatで構成します。
-
Windowに移動します - > Preferences 。 -
Server - > Runtime Environmentsに移動します。 -
Addをクリックして、 Apache Tomcat v10.1.1を選択します。 - Tomcatインストールディレクトリを提供し、セットアップを完了します。
-
git clone <repository_url>を使用して、リポジトリをローカルマシンにクローンします。 - プロジェクトをEclipse IDEにインポートします。
-
File - > Importに移動します。 -
Existing Projects into Workspace選択します。 - クローン化されたプロジェクトディレクトリを選択し、Eclipseにインポートします。
- GSONライブラリがプロジェクトの
src/webapp/WEB-INF/libディレクトリに含まれていることを確認してください。そうでない場合は、ビルドパスに手動で追加します。 - OpenWeatherMapからAPIキーを取得し、
MyServlet.javaのプレースホルダーmyApiKey実際のAPIキーに置き換えます。 - ローカルApache Tomcatサーバーでアプリケーションを実行します。
- Eclipseでプロジェクトを右クリックします。
-
Run As > Run on Serverに移動します。 - 構成されたTomcatサーバーを選択し、
Finishをクリックします。
- 提供されたURL（通常
http://localhost:8080/WeatherApp ）を使用して、WebブラウザーからWeatherAppにアクセスします。
サーブレットでのAPI統合：
- HTTPリクエストを処理するために、Javaサーブレット（myservlet.java）を作成しました。
- DoPostメソッドでは、フォーム入力から都市名を取得しました。
- 都市名とAPIキー（APIURL）を使用してAPI URLを構築して、気象データを取得しました。
http apiへのリクエスト：
- httpurlconnectionを使用して、APIエンドポイントへの接続を確立しました。
- 入力ストリームを使用してAPI応答を取得して取得するようにリクエストメソッドを設定します。
API応答の処理：
- API応答はJSON形式でした。
- GSONライブラリを使用して、JSON応答をJSonObjectに解析しました。
- JSON応答から温度、湿度、風速、視認性、気象条件、雲の覆いなどの関連する気象データを抽出しました。
リクエスト属性の設定：
- 抽出された気象データ、都市名、日付、時刻、およびその他の関連情報をhttpservletrequest.setattribute（）を使用して要求属性として保存しました。
JSPへの転送リクエスト：
- requestdispatcher.forward（）を使用してレンダリングするために、JSPページ（index.jsp）にリクエストを転送しました。
JSPにデータの表示：
- JSPページ（index.jsp）では、HTMLと埋め込みJavaコード（EL式）を使用して気象データを表示しました。
- $ {astributeName}構文を使用して、要求属性からデータにアクセスしました。
スクリーンショット
作成者：
