動画で学ぶJHipster (3) （ログイン、各メニュー画面）

[前回](https://qiita.com/sasuke_sss/items/4648df1b20702bb3b629)、起動まで行ったので、ログインしてみます。

# ログイン
ログインは、デフォルトアカウントとして、
Administrator とUser がすでに定義されているので、どちらかで入れます。

- Administrator (login="admin" and password="admin")
- User (login="user" and password="user").

下図のsign in（または、AccountメニューのSign in）をクリックすると、ログイン画面に遷移します。
![1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/6522b1e7-f746-ce86-4cf4-300236434d50.png)

ログイン画面です。
![2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/feac64ed-79e4-71a0-15c3-adfca1b6d080.png)

username=admin、password=adminを入れてログインすると、adminとしてログインできました。
![4.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/b39f2cc9-2c1e-9ae1-6a83-1ec933290d12.png)

# メニュー
上部のメニューバーで、いろいろできるようです。
デフォルトで、

* Home
* Entities
* Administration
* Language
* Account

とあります。
(Entitiesは、エンティティをまだ何も登録してないので何も出てきません）
![5.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/c3909391-39dd-6971-4bd7-619dc25c4dbe.png)

また、adminではなくuserでログインすると、Administrationメニューは表示されません。
![21.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/5ec1ccd9-a3f3-7580-b029-0b01f6dc7bcb.png)

## Language
Languageには、英語と日本語があります。（前回のプロジェクト生成時に、メインを英語、サブに日本語にしたため）
![7.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/2813d295-89a4-dfdd-2022-3feab91c03f4.png)

## Account
Accountには以下の項目があります。

* Settings
* Password
* Sign out

![8.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/3f68fe39-fd3c-1abf-0595-c62a4780f4e0.png)

### Settings
Settingsを選択すると、名前、メールアドレス、言語の選択ができるみたいです。
![19.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/bb6f4b3e-2837-d411-99a0-89790f5c8201.png)

### Password
Passwordは、パスワードの変更画面がでます。
![20.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/d2dd6c3a-1efb-7b13-3e7f-5641fde43870.png)

## Administration
Administrationメニューには以下の項目があります。

* User management
* Metrics
* Health
* Configuration
* Logs
* API
* Database

![6.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/c8b4dc22-a796-5dc7-6f2e-60f9f314f63f.png)

[動画](https://www.youtube.com/watch?v=6lf64CctDAQ)では全然説明なかったので、とりあえずスクショだけ貼り付けます・・。

### User management
ユーザーアカウントの管理ができるみたいです。adminとuserのみが登録されています。
![9.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/f72b179b-f4e7-29ab-b070-37da1707ab34.png)

### Metrics
Metricsには、以下の項目があります。

* JVM Metrics
* HTTP requests
* Endpoints requests
* Cache statistics
* DataSource statistics 

![1.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/15cb1eef-fce3-4574-c465-34e0b3c885c9.png)

![2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/0960c023-f139-a2f1-9723-37645baed1d2.png)

![3.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/7f385364-0b50-9a71-be26-df23ebb34ac8.png)

### Health
![11.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/dfaf78b1-6a29-2a33-ae52-2a78bba63ed5.png)

### Configuration
![12.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/f7ebcecc-0384-f089-d214-dfc308e80277.png)

### Logs
各ログのログレベルの調節ができるみたいです。
![13.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/9db031df-3fe3-e5c8-45cd-32381de50996.png)

### API
沢山のAPIが表示されます。
![14.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/20462310-dd0c-1751-fac1-cae2e3a9395a.png)
１つを選択するとアコーディオンが開いて、説明がでてきます。
![15.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/11d995ad-2fb1-1df8-54fe-8a74799da803.png)
Executeを押すと実行され、結果が表示されます。（getAccountを実行したら、現在adminでログインしているので、adminの情報が返ってきた模様）
![16.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/1f8af9c5-60b7-5269-bb62-f4ee7f517f89.png)

### Database
__後で確認したところ、このDatabaseメニューは、JHipsterのプロジェクト生成でH2を選択したときに出るみたいです。__
（MySQLを選択した時は、この画面はいったいどうなるのか……？と思って起動して確認してみたら、そもそもDatabaseメニューが無かった！）
![17.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/34d2dce9-0895-22ad-2dac-17dea39cc7b1.png)
Connectを押すと中身を見れます。
![18.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/708fa48f-3304-746d-3fcf-ae73db09e1ce.png)

# ユーザー登録
ログアウトした状態で、メニューのAccountを見ると、下記の項目があります。

* Sign in 
* Resigter

![4.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/4a5a9a22-b7a5-3ed1-ee5d-4d862606e623.png)

### Resigter
ユーザーの新規登録ができます。
![5.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/d9b52017-6cf5-4d62-9bf9-8ff160bdf982.png)
適当に各項目を埋めてtestユーザーを作成してみます。
![6.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/9ee322fd-cbe2-eb4d-e749-711c26ada59c.png)
その後、adminでログインして、User managementメニューを開くと、testユーザーが登録されているのが確認できました。
(今のDeactivatedのままだとtestユーザーはまだログインできないので、クリックしてActivatedに変更する必要があります。)
![7.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1284134/8e7ca3a1-6280-def4-8dad-d0b9fae89371.png)

次回に続く……。