SAPFioriLaunchPadのロール設定を行う(1)

# はじめに
以前紹介したSAP Portalのコンテンツ管理のグループ・カタログ・ロールの設定手順と
実際のSAP Fiori Launchpadでの見え方を記載します。
前回：[SAP Portalのコンテンツ管理について](https://qiita.com/again_qt/items/967b5e360723e2f33c44)

# やりたいこと
[前回記事で紹介した図](https://qiita.com/again_qt/items/967b5e360723e2f33c44#%E3%81%A9%E3%81%86%E5%8F%8D%E6%98%A0%E3%81%95%E3%82%8C%E3%82%8B%E3%81%AE%E3%81%8B)をSAP Fiori Launchpadで再現
今回はSAP Fiori Launchpadの作成からグループの追加までの手順を記載します。

# 前提
・SAPUI5でFioriアプリを作成・デプロイしておく

# 1. 事前準備
SAP Fiori Launchpadの作成

SAP CloudPlatformのNeo環境へアクセスします。
Cockpit画面のメニューからService→Portalを押下します。
![01_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/3fe55381-a10c-8eff-15e7-35b3a72363a2.png)

Go to Serviceを押下します。
![01_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/cb6d6e87-b6c2-82dc-2846-607cd5374458.png)

新規サイト作成を押下します。
![01_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/530f23f8-bad7-f3d0-40ee-0213bec7a6aa.png)

サイト名を入力、テンプレートをSAP Fiori Launchpadを選択し、作成を押下します。
![01_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/ce36e66a-0265-6885-0fe2-ae97113a430f.png)
作成が完了すると別ウィンドウでFiori Configuration Cockpitが立ち上がります。
これでSAP Fiori Launchpadの作成は完了です。

# 2. アプリの追加
作成したSAP Fiori Launchpadへアプリを追加

Fiori Configuration Cockpitのメニューからコンテンツ管理→アプリを押下します。
＋を押下します。
![02_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/91cd0379-0f58-f512-2a69-7d01dc22d07d.png)

プロパティタブの一般→アプリソース内のアイコンを押下します。
アプリリリース選択ウィンドウが立ち上がるので、Cloud Platformタブから任意のアプリを選択→OKを押下します。
![02_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/da503077-535b-ce46-4121-1f496412e9aa.png)
![02_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/e19e5ae5-2ca2-51bf-e35a-5aef256299c2.png)

セマンティックオブジェクトを入力し、OKを押下します。
※セマンティックオブジェクトには一意の名称を入力
![02_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/bff66ace-513c-d6fb-f20c-193efe0fc426.png)

アプリの追加が完了しました。
※カタログを設定していないので赤エラーが出ていますが後ほど設定します。
![02_06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/72770c95-a852-033d-173b-fe32f32c4118.png)

上記の要領で必要なアプリを登録していきます。
今回は8つ追加しました。
![02_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/33e01023-b2ff-f14f-d4c5-39284728b62e.png)

# 3. カタログの追加
カタログを追加し、アプリを機能単位でまとめます。

Cockpitのメニューからコンテンツ管理→カタログを押下します。
＋を押下します。
![03_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/544ce44a-c5d8-6f6f-bfae-c1b6e14a150d.png)

プロパティタブの一般→カタログ名を入力します。
![03_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/2dd86240-cfb9-3707-4c1c-b15b8f959047.png)

アプリタブを選択→＋を押下します。
アプリ選択ウィンドウが立ち上がるので、任意のアプリにチェックして選択を押下します。
今回はsampleApp1,sampleApp2,sampleApp5,sampleApp6を選択しました。
![03_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/aac708db-2f14-1ab1-2643-486c14df5f2e.png)
![03_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/ca4e1ac0-ce10-da51-dbdc-01a3805fb260.png)

選択したアプリが割り当たっていることが確認できたら保存を押下します。
※ロールを設定していないので赤エラーが出ていますが後ほど設定します。
![03_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/3110da2e-248f-ed9b-89b8-172ef2b43963.png)
![03_06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/6585d5ed-28a8-0a20-a559-4555a42e708b.png)

上記の要領でsampleApp3,sampleApp4,sampleApp7,sampleApp8を割り当てたカタログも作成します。
![03_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/157171d3-652f-9a0f-f0ab-acb30dbc0e76.png)

# 4. グループの追加
グループを追加し、アプリを見た目上の単位でまとめます。
カタログと同様の手順で追加をしていきます。

Cockpitのメニューからコンテンツ管理→グループを押下します。
＋を押下します。
プロパティタブの一般→カタログ名を入力します。
![04_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/3e84e0a1-f5c1-a8fb-26be-c74d8c4f3ae6.png)

アプリタブを選択→＋を押下します。
アプリ選択ウィンドウが立ち上がるので、任意のアプリにチェックして選択を押下します。
今回はsampleApp1,sampleApp2,sampleApp3,sampleApp4を選択しました。
選択したアプリが割り当たっていることが確認できたら保存を押下します。
※ロールを設定していないので赤エラーが出ていますが後ほど設定します。
![04_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/75347138-3f8a-e2bb-e939-041798c3dd6d.png)

上記の要領でsampleApp5,sampleApp6,sampleApp7,sampleApp8を割り当てたグループも作成します。
![04_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486466/bb8541bb-a9f5-2b66-6718-8d55760de7eb.png)

今回はここまでとします。
次回の記事でロールの追加から権限付与、SAP Fiori Launchpadでの見え方を記載したいと思います。