OpenShift 4.4を構築してアプリを動かしてみる - アプリ構築編 -

## 1. Console表示

### 1.1 アクセス情報
`INFO Access the OpenShift web-console here:`に書かれているURLを起動します。
ユーザ名とパスワードは`user:kubeadmin`, `password:`に記載されています。

```
# /usr/local/bin/openshift-install --dir=bare-metal wait-for install-complete --log-level=debug
DEBUG OpenShift Installer 4.4.31
DEBUG Built from commit 0227b5f653786d8d58312cd08a2e924e72ae646f
DEBUG Fetching Install Config...
DEBUG Loading Install Config...
DEBUG   Loading SSH Key...
DEBUG   Loading Base Domain...
DEBUG     Loading Platform...
DEBUG   Loading Cluster Name...
DEBUG     Loading Base Domain...
DEBUG     Loading Platform...
DEBUG   Loading Pull Secret...
DEBUG   Loading Platform...
DEBUG Using Install Config loaded from state file
DEBUG Reusing previously-fetched Install Config
INFO Waiting up to 30m0s for the cluster at https://api.lab.openshift.local:6443 to initialize...
DEBUG Cluster is initialized
INFO Waiting up to 10m0s for the openshift-console route to be created...
DEBUG Route found in openshift-console namespace: console
DEBUG Route found in openshift-console namespace: downloads
DEBUG OpenShift console route is created
INFO Install complete!
INFO To access the cluster as the system:admin user when using 'oc', run 'export KUBECONFIG=/opt/ocp/bare-metal/auth/kubeconfig'
INFO Access the OpenShift web-console here: https://console-openshift-console.apps.lab.openshift.local
INFO Login to the console with user: kubeadmin, password: XXXXX-XXXXX-XXXXX-XXXXX
```
### 1.2 kubeadminでログイン
ログイン画面を表示し、kubeadminでログインします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/c999864a-35f0-af6b-3b6f-e1f329037942.png)

### 1.3 ダッシュボード表示
以下のダッシュボードが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/e90f8742-2098-b0b8-a4e5-eece1f8508f9.png)

## 2. プロジェクトの作成
### 2.1 プロジェクトの表示
左のメニューから`project`を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/f238e19b-063a-86bb-bd7b-0a22e679ef02.png)

### 2.2 プロジェクトの作成
メインコンテンツの左上の`Create Project` のボタンを選択し、プロジェクト名を入力して、OKボタンを押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/578f915f-557f-60be-726e-d793a2c486a8.png)

### 2.3 プロジェクト作成の確認
無事、sampleprojectが作成されました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/ce7d96fe-1543-45ea-be33-845ff4b420e9.png)

## 3. サンプルアプリの追加
### 3.1 ロールの切り替え
左上の`Administrator`を選択し、`Developer`に切り替えます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/635e39fe-f9dc-61eb-b610-bbfb431300d0.png)

### 3.2 +Add
Developerのメニューで`+Add`を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/9e397323-8c04-6f60-c012-b811d46fb354.png)

### 3.3 カタログ選択
From Catalogを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/1bf4eddc-ff02-2280-1750-16b894da8589.png)

### 3.4 アプリの選択
フィルターのテキストに`node`と入力し、`node (Builder Image)`を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/6cc1d646-2eee-da90-f4e2-738ee1126aa8.png)

### 3.5 アプリの作成
Create Applicationを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/c8f4b739-0f4a-acb1-eebe-12e8cf2c27be.png)

### 3.6 アプリの詳細
Gitの欄で、Try Sampleのリンクを選択し、一番下の`Create`を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/4fed4277-609e-e8ec-a9a6-683968751eb7.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/ad913982-c081-7c57-927c-0814710817ce.png)

### 3.7 アプリのビルド開始
自動的にアプリのビルドが開始されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/3bbaad52-7cea-d411-ba2a-fefc10c22ed1.png)

### 3.8 トポロジー表示
左のメニューから`Topology`を選択します。
ビルド中は薄い水色で表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/b46b3be2-f025-7fe6-0c3f-8a2fb0d1601a.png)

### 3.9 ビルド完了
ビルドが完了すると、濃い青色に変わり、左下のビルドマークがチェックに変わります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/cea6ebad-01ce-4cfc-ef66-83cc6197384a.png)

## 4. サンプルアプリにアクセス
トポロジーの画面で、右上のリンクを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/e8f7b7ae-cc8d-2cd1-c932-588d6981dd3a.png)

## 5. サンプルアプリが表示されたことを確認します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/658425/1602accd-8d1a-ddd2-e403-9a2a4016d038.png)