Amazon Managed Grafana

やってみた記事です

# 前提
AWS SSOを設定済とする

# 手順

## AWS上でManaged Grafana作成手順

Amazon Managed Grafanaを開き、[ワークスペースを作成]をクリックする

![スクリーンショット 0004-04-08 15.29.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/3e6e44ed-1e8f-e941-304e-c1d55a4a0af2.png)

ワークスペース名に"demo-grafana"を入れて[次へ]をクリック

![スクリーンショット 0004-04-08 15.30.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/e55ba9d5-820c-2bf1-ec95-31fb3c292cf6.png)

"AWS Single Sign-On(AWS SSO)"にチェックを入れて[次へ]をクリック

![スクリーンショット 0004-04-08 15.30.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/e7e692dc-22af-421b-4d7f-9142f5645f63.png)

"現在のアカウント"にチェック
データソースで、"Amazon CloudWatch"と"Amazon Athena"にチェックを入れ[次へ]をクリックし、次の画面で[作成]をクリック

![スクリーンショット 0004-04-08 15.30.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/75052061-55a8-3577-bd91-8e28c90da075.png)

数分すると作成が完了します。

![スクリーンショット 0004-04-08 15.33.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/dd664378-637f-5b7f-86f8-de4c12afe258.png)

画面下の「認証」タブをクリックし、[新しいユーザーまたはグループの割り当て]をクリック

![スクリーンショット 0004-04-08 15.35.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/9250213a-6a4d-f174-bb2d-eef57e4356c3.png)

AWS SSOと結びつけたActive Directoryドメインを選び、"ユーザー"にチェックを入れ、"テキストの検索"で該当ユーザー名を入れて、右側の[検索]をクリック
表示されたユーザーにチェックを入れ、右下の[ユーザーとグループを割り当て]をクリック

![スクリーンショット 0004-04-08 15.40.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/93684b9b-c443-dbce-7922-37cba7b9d717.png)

ユーザーが割当たった状態になります。
ユーザーにチェックを入れ、上部の[管理者を作成する]をクリックし、ユーザータイプを管理者にします。これでGrafanaでも管理者操作ができます。

![スクリーンショット 0004-04-08 15.45.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/a5c31c5c-85ed-b560-7212-8a7e57c8b306.png)


## Grafana上の手順

Grafana ログイン
GrafanaワークスペースURLをクリック

![スクリーンショット 0004-04-08 15.33.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/2c032be7-bdc1-a603-773c-d944177afee6.png)

[Sign in with AWS SSO]をクリック

![スクリーンショット 0004-04-08 15.46.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/16b048c8-893d-be5e-9b78-ed0231c159b8.png)

該当のAWS SSOユーザーでログイン

![スクリーンショット 0004-04-08 15.50.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/7b47a5fa-fa6e-c408-4b8a-2acd8055a758.png)

Grafanaが開きます

![スクリーンショット 0004-04-08 15.46.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/bd2932d3-9798-ba40-3f55-7f8c265a1023.png)

左メニューのConfigurationから"Data sources"をクリック

![スクリーンショット 0004-04-08 19.08.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/824c0f47-2e2e-6b68-4ff1-b552b1b91df2.png)

[Add data source]をクリック

![スクリーンショット 0004-04-08 19.08.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/039a63b9-b4c9-7826-b42e-8b2346e89e07.png)

### Athenaでやってみる
まずはAthenaをデータソースにしていろいろ可視化してみます
Athenaを選択します

![スクリーンショット 0004-04-08 19.09.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/77876c88-fcac-e57a-e1ee-e226b7f07ba9.png)

以下を入力します。各自の環境にあった値を入れます。入力したら[Save & test]をクリック。

Authentication Provider:"Access & secret key" (IAM Roleも選べます)
Access Key ID:xxx
Secret Access Key:yyy
Default Region：ap-northeast-1
Data source:AwsDataCatalog
Database:se2
Workgroup:Primary

![スクリーンショット 0004-04-08 19.13.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/bb95a714-0e91-a2e4-8a30-c9206393889c.png)

Testが正常ならAthena接続完了です。
左メニューから"Explore"をクリック

![スクリーンショット 0004-04-08 19.13.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/aa901a63-dd10-5a97-1e4e-3bcb3bc60aa2.png)

クエリエディタとしてクエリ実行の確認をします。

![スクリーンショット 0004-04-08 19.17.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/891906d0-c5a5-c39f-b126-a665b42b3185.png)

左メニューで"Dashboard"をクリック

![スクリーンショット 0004-04-08 19.17.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/ea3c6c72-1afe-94ca-25b0-9fdc791b5661.png)

"Add panel"の中をクリック

![スクリーンショット 0004-04-08 19.18.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/e3d033be-be0e-186a-4ac9-bd1259b4c3e7.png)

グラフを作ります
右上でPie chartを選び、
左下のエディタ部分にクエリを入力
右側に、Titleで任意の名前(ここではDevice Chart)、Showを"All values"

など任意で入れて好きなグラフを作る

![スクリーンショット 0004-04-08 19.19.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/dbd07328-102c-abff-9f83-f5f0eb9493a9.png)

![スクリーンショット 0004-04-08 20.35.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/25f6f4c3-08aa-9f6e-19ea-7b81966a6eea.png)


これを繰り返して、いろいろなグラフを作りダッシュボードを作る
いろいろ追加してみました

![スクリーンショット 0004-04-08 19.07.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/dfa43623-904a-352d-76b3-6835d90b32ab.png)


### CloudWatchでやってみる

手順は同じです。
Data Sourcesの追加でCloudWatchを選択

![スクリーンショット 0004-04-08 20.37.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/57582336-4306-4849-6a5e-0e1764d0d74a.png)

CloudWatchに接続する情報を入れます。権限があればアクセスキーとリージョン選ぶだけでOK

![スクリーンショット 0004-04-08 20.43.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/1d431fa3-328c-13c8-580e-929afea19f4a.png)

CloudWatchをデータソースにしたグラフ作る
左側の真ん中くらいのData sourceでCloudWatchを選ぶ
その下でNamespace, Metrics, Statics, Dimentionsなど選ぶ。ここではALBのTargetResponseTimeのアベレージを出してる。
右側ではグラフの見栄えを好きに整える

![スクリーンショット 0004-04-08 21.00.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27932/80ab1f4b-2853-bd5e-03b4-864232eecd3a.png)