3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Amazon Managed Grafana

Last updated at Posted at 2022-04-08

やってみた記事です

前提

AWS SSOを設定済とする

手順

AWS上でManaged Grafana作成手順

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

スクリーンショット 0004-04-08 15.29.44.png

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

スクリーンショット 0004-04-08 15.30.10.png

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

スクリーンショット 0004-04-08 15.30.30.png

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

スクリーンショット 0004-04-08 15.30.46.png

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

スクリーンショット 0004-04-08 15.33.04.png

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

スクリーンショット 0004-04-08 15.35.09.png

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

スクリーンショット 0004-04-08 15.40.26.png

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

スクリーンショット 0004-04-08 15.45.47.png

Grafana上の手順

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

スクリーンショット 0004-04-08 15.33.04.png

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

スクリーンショット 0004-04-08 15.46.23.png

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

スクリーンショット 0004-04-08 15.50.08.png

Grafanaが開きます

スクリーンショット 0004-04-08 15.46.45.png

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

スクリーンショット 0004-04-08 19.08.46.png

[Add data source]をクリック

スクリーンショット 0004-04-08 19.08.57.png

Athenaでやってみる

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

スクリーンショット 0004-04-08 19.09.20.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

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

スクリーンショット 0004-04-08 19.13.38.png

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

スクリーンショット 0004-04-08 19.17.03.png

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

スクリーンショット 0004-04-08 19.17.17.png

"Add panel"の中をクリック

スクリーンショット 0004-04-08 19.18.21.png

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

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

スクリーンショット 0004-04-08 19.19.22.png

スクリーンショット 0004-04-08 20.35.27.png

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

スクリーンショット 0004-04-08 19.07.59.png

CloudWatchでやってみる

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

スクリーンショット 0004-04-08 20.37.22.png

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

スクリーンショット 0004-04-08 20.43.54.png

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

スクリーンショット 0004-04-08 21.00.37.png

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?