Azureダッシュボードを使って監視センター(っぽいもの)を作る

この記事は[日本最大級の青少年団体のイベントアプリを開発・運用した話](https://qiita.com/07JP27/items/7eb000c8e50b56ce8d08)の中の[監視部分](https://qiita.com/07JP27/items/7eb000c8e50b56ce8d08#7%E5%A4%A7%E4%BC%9A%E6%9C%9F%E9%96%93%E4%B8%AD%E3%81%AE%E9%81%8B%E7%94%A8)に関する記事です。

#はじめに
Azureはとても便利です。それはスケーラブルなリソースを使いたい時に使いたいだけ使えるというのもそうですが、そのリソースを監視する環境もいい感じに構築できるという意味でもあります。
今回はAzureのダッシュボードにApplication Insightsのグラフなどの情報を使用してグラフィカルな監視センターっぽいものを構築する方法をご紹介します。もっといい方法があれば教えてください。
↓[実際に運用した監視センター（っぽいもの）](https://qiita.com/07JP27/items/7eb000c8e50b56ce8d08#7%E5%A4%A7%E4%BC%9A%E6%9C%9F%E9%96%93%E4%B8%AD%E3%81%AE%E9%81%8B%E7%94%A8)
![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f3134393231322f36383863336431642d616133332d363735352d626331342d3262326634303561656135332e6a706567.jpeg](https://qiita-image-store.s3.amazonaws.com/0/149212/d94b55b4-0f2f-a446-00fb-dbd0aa3865c1.jpeg)

#簡単な原理
**ダッシュボードに表示したい情報をピン留めしてそのダッシュボードを常時表示しておけばいいだけです。**

#問題
しかし上記には問題があります。
####セキュリティ
常時ダッシュボードを表示しておいてはリソースがいじり放題です。

#問題解決のためのポイント
この問題を解決するためにポイントは
**ダッシュボード表示専用のリソースグループに閲覧専用ユーザーを割り当てて、そのユーザーでダッシュボードを常時表示する**
ということです。

#前提
この記事はダッシュボードと同じディレクトリ内にあるApplication Insightsのデータを監視することを前提としています。

#構築の流れ
1. 共有用のダッシュボードを作成
2. 共有用のリソースグループを作成
3. 2のリソースグループに1のダッシュボードを共有
4. Application Insightsの結果を共有用ダッシュボードにピン留め
5. Azure ADでユーザーを作成
6. 2の共有用リソースグループに閲覧専用ユーザーとして4のユーザーを追加
7. 3のApplication Insightsに閲覧専用ユーザーとして4のユーザーを追加

#やってみる
####1. 共有用のダッシュボードを作成
![1.png](https://qiita-image-store.s3.amazonaws.com/0/149212/502cd877-1692-7f6b-45eb-36204905a14b.png)
適当な名前を入力して「カスタマイズ完了」
![2.png](https://qiita-image-store.s3.amazonaws.com/0/149212/8c7ae125-f26f-c38e-d797-55c6a43f77a9.png)
共有用のダッシュボードが作成されました。
![3.png](https://qiita-image-store.s3.amazonaws.com/0/149212/037261f3-c7da-c0fd-2172-21f093aaf2a3.png)


####2. 共有用のリソースグループを作成
リソースグループの一覧から「追加」
![4.png](https://qiita-image-store.s3.amazonaws.com/0/149212/5f67fe4d-02f0-cd36-e05d-8be7aa94e804.png)
適宜情報を入力して共有用のリソースグループを作成します。
![5.png](https://qiita-image-store.s3.amazonaws.com/0/149212/d610e858-210a-9067-798b-464ec02a82dd.png)




####3. 2のリソースグループに1のダッシュボードを共有
共有用のダッシュボードの「共有」を選択します。
![6.png](https://qiita-image-store.s3.amazonaws.com/0/149212/08360f2a-ebd8-fbf7-04fb-c860245ab283.png)
初期状態では「'dashboard'リソースグループに発行します」のチェックが入っているので、チェックを外すと発行先のリソースグループが選択できるようになるので2で作成したリソースグループを選択します。
![7.png](https://qiita-image-store.s3.amazonaws.com/0/149212/29af9bc8-cf2e-926d-8b35-54375119c76b.png)


####4. Application Insightsの結果を共有用ダッシュボードにピン留め
監視したい情報をApplication Insightsで表示します。結果の右上にある「Pin」を選択します。
![8.png](https://qiita-image-store.s3.amazonaws.com/0/149212/b7e99ddc-59b1-7512-8221-74e8f565cec2.png)
ピン留め候補のダッシュボードがリストで表示されるので２のリソースグループを選択します。
![9.png](https://qiita-image-store.s3.amazonaws.com/0/149212/a15abafc-cd51-1fe4-c0ad-74b16b8228de.png)
ピン留めが完了すると表示されるメッセージのリンクをクリックしてダッシュボードを表示し、正常にピン留めされたかを確認します。
![11.png](https://qiita-image-store.s3.amazonaws.com/0/149212/a9729b0a-48d6-6766-61d9-8653f82da853.png)


####5. Azure AD(AAD)でユーザーを作成
メニューから「Azure Active Directory」を選択
![12.png](https://qiita-image-store.s3.amazonaws.com/0/149212/49c44476-fdf1-9779-bccb-3287433eac13.png)
「ユーザー」を選択
![13.png](https://qiita-image-store.s3.amazonaws.com/0/149212/bbbbac9b-8aa3-1d47-8afa-2d7fba628b98.png)
「新しいユーザー」を選択
![14.png](https://qiita-image-store.s3.amazonaws.com/0/149212/65b84247-1b58-aa33-e007-abcbdc782447.png)
必要な情報を入力して「作成」を選択します。ユーザー名のドメインはAADのテナントに付与される「~~~~.onmicrosoft.com」というドメインです。
パスワードをここで取得する場合はチェックボックスを外してパスワードをメモします。(「名前」typoしてますが、気にしない…)
![16.png](https://qiita-image-store.s3.amazonaws.com/0/149212/1324b97f-9e42-198a-a07c-ec56a3a02fda.png)
作成が完了したらユーザー一覧に今作成したユーザーが表示されることを確認します。
![17.png](https://qiita-image-store.s3.amazonaws.com/0/149212/58682135-9f6c-183e-d7ce-35f494fdf843.png)


####6. 2の共有用リソースグループに閲覧専用ユーザーとして4のユーザーを追加
リソースグループリストからダッシュボード共有用のリソースグループを選択します。
![18.png](https://qiita-image-store.s3.amazonaws.com/0/149212/544099be-c798-73de-8c8c-ade3428757aa.png)
リソースグループのブレードから「アクセス制御」を選択します。
![19.png](https://qiita-image-store.s3.amazonaws.com/0/149212/51c83f50-d614-a4dc-d9b8-9f7116676c7d.png)
「追加」を選択
<img width="1400" alt="20.png" src="https://qiita-image-store.s3.amazonaws.com/0/149212/72b43832-e441-a85e-2baa-52a89cf2424b.png">
役割を**「閲覧者」**にして5で作成したユーザーを選択して保存を選択します。
![21.png](https://qiita-image-store.s3.amazonaws.com/0/149212/1dc633e9-be4d-6fe6-992e-d94371a11960.png)
リソースの「閲覧者」に選択した閲覧用ユーザーがアサインされていることを確認します。
<img width="1413" alt="22.png" src="https://qiita-image-store.s3.amazonaws.com/0/149212/ef3abaf9-a603-1f3b-b7a6-8fd48e975280.png">


####7. 3のApplication Insightsに閲覧専用ユーザーとして4のユーザーを追加
6と同じ方法でダッシュボードにピン留めしているApplication Insightsのインスタンスの画面から閲覧者権限を付与します。
![23.png](https://qiita-image-store.s3.amazonaws.com/0/149212/f47cdbee-efff-273e-6838-3859ea4a3f24.png)


####確認
一度Azureからサインアウトし、AADに登録したユーザーとパスワードで再度ログインします。
![24.png](https://qiita-image-store.s3.amazonaws.com/0/149212/5e1ce286-094c-3339-19c2-03f51c1ffd5a.png)
右上のアカウントが作成したユーザーになっていることを確認して左上のダッシュボード切り替えボタンから「Monitor」を選択します。
![25.png](https://qiita-image-store.s3.amazonaws.com/0/149212/781f581e-042b-b8a8-bb63-b78fed27676b.png)
監視対象のダッシュボードが表示されました！
![26.png](https://qiita-image-store.s3.amazonaws.com/0/149212/d9d0376f-a656-234b-5cc6-95495d64ddb0.png)
**このダッシュボードを常に画面に表示しておけばいいということです。**


####権限の確認
本当にリソースを操作することができないのか確認してみます。
ダッシュボードはカスタマイズはできるものの閲覧権限のため共有されたレイアウトそのものを変更することはできません。
![27.png](https://qiita-image-store.s3.amazonaws.com/0/149212/63a7be1c-2a2e-9e01-1416-10c0881ff023.png)
リソースグループの作成を試してみますが、閲覧者なのでアクセス権限が無く、作成することができません。
![28.png](https://qiita-image-store.s3.amazonaws.com/0/149212/454ed10e-0c5b-4da4-e1ba-38b8f1fd975f.png)


#自動更新
[Application Insights tiles enabled for auto-refresh](https://azure.microsoft.com/ja-jp/updates/application-insights-tiles-enabled-for-auto-refresh/)によるとApplication Insightsはオートリフレッシュに対応しており、Azureダッシュボードのタイルでも有効です。リフレッシュのインターバルは以下の通り、表示している情報のレンジによって自動的に決まります。
>5 minutes if the time range is one hour or less.
15 minutes if the time range is greater than an hour and not more the 24 hours.
1/60 of the time range for time ranges greater than 24 hours (for example, every 48 minutes for a two-day time range).

#さいごに
以上です。本家の記事もぜひご覧ください。
[日本最大級の青少年団体のイベントアプリを開発・運用した話](https://qiita.com/07JP27/items/7eb000c8e50b56ce8d08)
[本記事で紹介している監視部分](https://qiita.com/07JP27/items/7eb000c8e50b56ce8d08#7%E5%A4%A7%E4%BC%9A%E6%9C%9F%E9%96%93%E4%B8%AD%E3%81%AE%E9%81%8B%E7%94%A8)