動作確認

ユーザー認証のフロントエンドとバックエンドの実装が完了したら、実際に接続して動作を確認します。

モックサーバの停止

モックサーバが起動している場合は、起動したコンソールで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 start

フロントエンドアプリが起動されたら、ブラウザが起動し、自動でトップページが開きます。

動作確認

アカウントを登録し、ログイン、ログアウトが動作することを確認します。

スクリプトでエラーが発生していないかを確認するため、ブラウザの開発者ツール（Chromeの場合はF12）を開きます。コンソール（Consoleタブ）を確認し、エラーが出力されていないことも確認します。

これで、動作確認は完了です。