動作確認
ユーザー認証のフロントエンドとバックエンドの実装が完了したら、実際に接続して動作を確認します。
モックサーバの停止
モックサーバが起動している場合は、起動したコンソールでCtrl
+C
を押して、モックサーバを停止させます。
DBコンテナの起動
PostgreSQLのDockerコンテナは、バックエンドアプリより先に起動します。 既に起動している場合は、この手順はスキップしてください。
PostgreSQLをDockerコンテナで起動するため、backend
ディレクトリで次のコマンドを実行します。
$ docker-compose -f docker/docker-compose.dev.yml up -d
次のコマンドを実行し、コンテナが起動していることを確認します。
$ docker-compose -f docker/docker-compose.dev.yml ps
Name Command State Ports
----------------------------------------------------------------------------------
docker_postgres_1 docker-entrypoint.sh postgres Up 0.0.0.0:5432->5432/tcp
バックエンドアプリの起動
バックエンドアプリが起動していない場合は、backend
ディレクトリで次のコマンドを実行します。
$ mvn jetty:run
次のようにStarted
と出力され、バックエンドアプリが起動されていることを確認します。
[INFO] Started ServerConnector@2299f6d7{HTTP/1.1,[http/1.1]}{0.0.0.0:9080}
[INFO] Started Server@3751acd7{STARTING}[10.0.0.alpha1] @7133ms
フロントエンドアプリの起動
フロントエンドアプリが起動していない場合は、frontend
ディレクトリで、次のコマンドを実行します。
$ npm run dev
フロントエンドアプリが起動されたら、ブラウザでトップページを開きます。
動作確認
アカウントを登録し、ログイン、ログアウトが動作することを確認します。
また、スクリプトでエラーが発生していないことを確認するため、ブラウザの開発者ツール(Chromeの場合はF12
)を開きます。コンソール(Console
タブ)で、エラーが出力されていないことを確認します。
これで、動作確認は完了です。