3. IBM Event StreamsのWebUIへのログイン方法

前回の記事の続きです。

本記事ではIBM Event StreamsのWebUIへのログイン方法を記述します。


1. [IBM Event Streamsのインストール方法](https://qiita.com/Gentaro7/items/5bc9676c87c70145991a)
1. [IBM Event Streamsのインスタンス作成方法](https://qiita.com/Gentaro7/items/a8900eefdafd3dc52bed)
1. [IBM Event StreamsのWebUIへのログイン方法](https://qiita.com/Gentaro7/items/46060353574c347d2dc6)(←本記事)
1. [IBM Event Streamsのサンプルアプリケーションの使い方](https://qiita.com/Gentaro7/items/df1e464de3cf6eee3e6b)
1. [IBM Event StreamsのGeoReplicatorの構成方法](https://qiita.com/Gentaro7/items/7196ca6cf3053c3de55b)
1. [IBM Event Streamsへの接続情報の確認方法](https://qiita.com/Gentaro7/items/99c82320be292a1fa896)


# 前提

- IBM Event Streams　インスタンスが作成済みであること

まだの方は`2. IBM Event Streamsのインスタンス作成方法`を参照ください。

# IBM Event StreamsのWebUIへのログイン方法

1. OpenShiftクラスターにログイン

    ```sh
    oc login --token=<your-token-here> --server=<api-server-url>
    ```

2. WebUIのログインURLを確認

    2-1. ログインしたいIBM Event Streamsインスタンスを選択
    
    ![スクリーンショット 2024-01-18 14.29.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/43aa86f3-193d-c6e3-bb12-4a173eb02683.png)

    2-2. WebUIのログインURLを確認
    
    ![スクリーンショット 2024-01-23 9.13.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/68160214-6939-8f8c-a510-bbf9b640ab78.png)
    
    2-3. WebUIを表示
    
    ![スクリーンショット 2024-01-23 9.18.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/de2b5a17-3628-a5b3-45f3-daa480530c71.png)
    

3. ログインユーザ(Kafka User)の作成

    3-1. `Kafka User`タブから`Create KafkaUser`をクリック
    
    ![スクリーンショット 2024-01-23 9.21.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/6b91e563-99ff-e40a-8e45-fd5f38e4b374.png)

    3-2. ユーザの権限を選択
    
    `YAML view`を選択して、`Samples`から`AdminUser`の`Try it`をクリック
    
    ![スクリーンショット 2024-01-23 9.24.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/f44bad37-2eef-6caf-3d65-a49ef111b1f1.png)

    3-3. ユーザを紐づけるIBM Event Streamsインスタンス名を入力
    
    `metadata.labels.eventstreams.ibm.com/cluster`に紐づけるIBM Event Streamsのインスタンス名を入力します。
    
    ![スクリーンショット 2024-01-23 9.29.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/f2d9caa9-3e27-064e-9fe7-bfaf9e189df4.png)
    
    今回は`dev-scram-1`インスタンスに紐づけたいので、`dev-scram-1`と入力します。
    
    ![スクリーンショット 2024-01-23 9.33.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/a8579252-6792-c1c6-b533-088ca8400d33.png)


    3-4. ユーザ名を入力して作成

    ユーザ名を入力します。
    
    ![スクリーンショット 2024-01-23 9.41.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/b260ccae-af3f-410d-ae53-0af3cc258db7.png)

    `Create`ボタンをクリック
    
    ![スクリーンショット 2024-01-23 9.42.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/5c68688f-2e5f-aaed-5e2a-7e093559c3ac.png)

    `Kafka Users`一覧に表示されていればOK

    ![スクリーンショット 2024-01-23 9.43.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/6cae0591-3b5e-cd12-ade3-dd5c6c1966c1.png)


4. ログイン情報の確認


    4-1. 作成した`Kafka User`を選択
    
    ![スクリーンショット 2024-01-23 9.43.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/6cae0591-3b5e-cd12-ade3-dd5c6c1966c1.png)
    
    4-2. `Resource`タブから紐づいているシークレットを確認
    
    ![スクリーンショット 2024-01-23 9.51.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/4d484606-877f-64f9-86ab-92f0d70f0a8f.png)
    
    4-3. ユーザ名とパスワードを確認
    
    ユーザ名は`es-app-admin`で、パスワードは`Copy to clipboard`アイコンからコピーします。
    
    ※ユーザ名はKafkaUserのユーザ名になります。
    
    ![スクリーンショット 2024-01-23 16.09.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/6408f0b4-dbb9-6b3e-ac91-c9aa00ae16c3.png)


5. WebUIへログイン

先ほど確認したユーザ名/パスワードを入力しログインします。

![スクリーンショット 2024-01-23 16.14.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/e89e81d6-4684-0614-11ec-d03b4b3bad3d.png)

`Welcome to Event Streams.`画面が表示されていればログイン成功です。

![スクリーンショット 2024-01-23 16.17.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/302134/99f89fb1-f430-5254-1420-f3d5361f9488.png)

以上で、IBM Event StreamsのWebUIへのログインは完了です。

# 終わりに

本手順では、IBM Event StreamsのWebUIへのログイン方法を記述しました。


次回は`4. IBM Event Streamsのサンプルアプリケーションの使い方`を記述予定です。(随時作成中なので、しばらくお待ちください。)

不備不足等ございましたら、ご指摘いただければと思います。