IBM Cloud上でNode-REDフローエディタの立ち上げ（IKSの利用）

#はじめに
本記事は、IBM Cloud上でNode-REDの実行環境を無料(Liteアカウント)で立ち上げるための手順を記載しています。
※2021年8月時点での手順です(クラウドサービスのため変更されている可能性あり)
<font color="Red">※Cloud Foundryがライトアカウントで使用できなくなったため、Kubernetes Serviceを利用して構築</font>
※IKSでの無料クラスタは30日間限定で利用可能なため、30日後には使えなくなってしまう点に注意が必要

#前提
本記事の手順を進めるにあたり、有効なIBM Cloudのアカウントを持っていることが前提条件となります。
アカウントをお持ちでない方は、[アカウント登録画面](https://cloud.ibm.com/registration)からアカウント登録をお願いします。

#準備手順
##IBM Cloudにログイン
[ログイン画面](https://cloud.ibm.com/login)にIBMid(登録メールアドレス)とパスワードを入力し、IBM Cloudにログインします。
ログインすると、ダッシュボード(下記画像)が表示されます。
![ダッシュボード画面.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/27f0340f-0d94-5a18-1e68-020e18f4f56b.png)

##Node-RED Appの検索
「検索」ボタン(下記画像の赤枠部分)をクリックして、```Node-RED App```と入力し、カタログ結果の```Node-RED App```を選択します。
![Node-REDアプリ検索.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/adfca657-84b5-fb3f-587b-784b9872b514.png)
![Node-REDアプリ選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/2394c11c-5f28-19f4-c7d9-b063e4b9a7c5.png)

##Node-RED Appの作成
「アプリの作成選択」画面で「作成」タブ(下記画像の赤枠部分)をクリックします。
![Node-REDアプリ作成選択.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/c31a0ecd-925d-98bd-54ad-5f15535141fa.png)

アプリの詳細入力」画面で各項目を入力します。
- アプリ名：任意の名前を入力
- リソースグループ：今回は```Default```のままで大丈夫(必要があれば他を選択)
- タグ：今回は未入力で大丈夫(必要があれば入力)
- プラットフォーム：```Node.js```のままで大丈夫
![Node-REDアプリ詳細入力.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/352bf4b1-0b2a-060e-d987-8b96fe2c4fc0.png)

「サービスの詳細入力」画面で各項目を入力します。
- リージョン：今回は```ダラス```のままで大丈夫(他のリージョンでも問題はないと思われる)
- リソースグループ：今回は```Default```のままで大丈夫(必要があれば他を選択)
- 価格設定プラン：今回は無料プランの```Lite```を選択(必要があれば他を選択)
「作成」ボタン(下記画像の赤枠部分)をクリックします。
![Node-REDサービス詳細入力.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/4d6ae2dd-ed37-a386-5fd6-b6e9a9c5ec9c.png)

###価格設定プランのエラーで「作成」ボタンがクリックできない場合
ライトアカウントでは、Cloudantサービスは1つしか作成できません。
そのため、既存のCloudantサービスを削除するか、以前作成したCloudantサービスを選択してください。
![Node-RED価格設定プランのエラー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/fb61f4a7-95bd-4f47-641d-ee6ca7701375.png)

##Node-RED Appのデプロイ
アプリの作成が完了すると、「アプリの詳細」画面(下記画像)に自動遷移します。
![Node-REDアプリの詳細画面.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/5954bc85-fef9-8749-9c2d-36707c1323b6.png)
「デプロイメント自動化」カードの「アプリのデプロイ」ボタン(下記画像の赤枠部分)をクリックします。(クリックできるようになるまで3分ほどかかります)
![Node-REDアプリのデプロイ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/3aadcdbb-61ad-0f0d-3e29-3d9e0622fafe.png)
「デプロイメント・ターゲットの選択」画面(下記画像)に遷移します。
「デプロイメント・ターゲット」項目から```Kubernetes Service```を選択します。
![Node-REDデプロイメント・ターゲットの選択1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/ffa2193a-fff0-0826-1ba5-9fbd62175753.png)
「IBM Cloud API鍵」項目の「新規」ボタン(下記画像の赤枠部分)をクリックします。
![Node-REDIBMCLOUDAPI鍵の生成1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/6b92d3e7-5cb1-1607-1b2c-8b007749d187.png)
「OK」ボタン(下記画像の赤枠部分)をクリックします。
![Node-REDIBMCLOUDAPI鍵の生成2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/6bc78055-8777-6724-2f5b-9b1078f14af1.png)
各項目を入力
- コンテナー・レジストリー・リージョン：IBM Cloud API鍵を作成することで自動入力される(必要があれば他を選択)
- コンテナー・レジストリー名前空間：IBM Cloud API鍵を作成することで自動入力される(必要があれば他を選択)
- クラスター・リージョン：IBM Cloud API鍵を作成することで自動入力される(必要があれば他を選択)
- クラスター・リソースグループ：IBM Cloud API鍵を作成することで自動入力される(必要があれば他を選択)
- クラスター名：IBM Cloud API鍵を作成することで自動入力される(必要があれば他を選択)
- デプロイメント・タイプ：Helm
![Node-REDデプロイメント・ターゲットの選択2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/04a3d654-420b-3bcc-a029-842124ed2708.png)
「DevOpsツールチェーンの構成」画面(下記画像)に遷移します。
必要があれば各項目を変更し、「作成」ボタン(下記画像の赤枠部分)をクリックします。
![Node-REDDevOpsツールチェーンの構成.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/ce0b44ad-ccb5-339d-fb1e-3ff3bb193d64.png)
「アプリの詳細」画面(下記画像)に遷移します。
「デプロイメント自動化」カードの「Delivery Pipeline」項目の状況が```成功```になっるまで待ちます。(10分ほどかかります)
![Node-REDアプリの詳細画面.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/5954bc85-fef9-8749-9c2d-36707c1323b6.png)
![Node-REDDeliveryPipeline.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/2bf340e0-801d-be01-ebe9-841ad0b111a5.png)
ページをリロードすると、「詳細」項目にアプリURLが表示されます。
![Node-REDアプリURL.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/2acab2a8-3e0f-244a-882c-14a54cd62ce4.png)

##Node-REDフローエディタの設定
「アプリの詳細」画面のアプリURL(下記画像の赤枠部分)をクリックします。
![Node-REDアプリURLクリック.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/b9fc6cc8-3cef-033c-6a69-96f66d3a6160.png)
初期設定開始画面が表示されるため、「Next」ボタン(下記画像の赤枠部分)をクリックします。
![初期設定開始画面.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/2d48df3f-553a-838f-6f31-af6532354f5f.png)
Node-REDフローエディタにアクセスするためのUsernameとPasswordを入力して、「Next」ボタン(下記画像の赤枠部分)をクリックします。
入力した2つは、今後Node-REDフローエディタアクセスする際に必要となるため、忘れないようにしてください。
![アクセス情報入力.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/6f408257-5161-ed99-d0fd-738f90017ac3.png)
ノードの追加についての説明画面が表示されます。
内容を確認し、「Next」ボタン(下記画像の赤枠部分)をクリックします。
![ノードの追加についての説明.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/ef3d3d73-70a0-e37e-0d8b-f18afeaff141.png)
セットアップ完了とアクセス情報変更に関する説明画面が表示されます。
内容を確認し、「Finish」ボタン(下記画像の赤枠部分)をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/3eee171b-5573-97e2-70e8-c7c6f92b7a66.png)
Node-REDのトップ画面(下記画像)に遷移します。
![NodeREDTop.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/b6780af2-45e4-0012-5a30-708fd4d9050b.png)

##Node-REDフローエディタの起動
「Go to your Node-RED flow editor」ボタン(下記画像の赤枠部分)をクリックします。
![Node-REDフローエディタの起動.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/c3679eed-64ab-dc45-bf8d-fb7be9fbecc2.png)
[Node-REDフローエディタの設定](#node-redフローエディタの設定)で設定したUsernameとpasswordを入力し、「ログイン」ボタンをクリックする。
![Node-REDフローエディタログイン.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/82077222-0459-5d3a-3d31-20ef7e30bd1e.png)
Node-REDフローエディタ(下記画像)が立ち上がります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/505689/cef58b00-8977-6305-e66d-6e32bf6fa76d.png)