LoginSignup
4
1

More than 1 year has passed since last update.

GrafanaのデータソースプラグインにGoogle Sheetsを追加する

Last updated at Posted at 2022-05-29

はじめに

GrafanaのデータソースにGoogle Sheetsを指定することができるようになったので、さっそく試してみた。

GS.jpg

aptコマンドでGrafanaパッケージをインストールする

ラズパイ、または、UbuntuへGrafanaパッケージをインストールする前提で手順を書きます。

apt-keyコマンドでGrafanaパッケージの公開鍵を登録します。

$ wget -q -O - https://packages.grafana.com/gpg.key | sudo apt-key add -
$ echo "deb https://packages.grafana.com/oss/deb stable main" | sudo tee /etc/apt/sources.list.d/grafana.list

aptコマンドでGrafanaパッケージをインストールします。

$ sudo apt update
$ sudo apt install -y grafana

データソースプラグインをインストールする

grafana-cliコマンドでGoogle Sheetsデータソースプラグインをインストールします。
プラグインをインストールする前にGrafanaを起動していた場合は、プラグインをインストール後にgrafana-serverプロセスを再起動する必要があります。

$ grafana-cli plugins install grafana-googlesheets-datasource
✔ Downloaded grafana-googlesheets-datasource v1.1.3 zip successfully

Please restart Grafana after installing plugins. Refer to Grafana documentation for instructions if necessary.

Grafanaを起動する

$ sudo systemctl start grafana-server

Grafanaを再起動する

$ sudo systemctl restart grafana-server

Grafanaを停止する

$ sudo systemctl stop grafana-server

dockerコマンドでGrafanaをインストールする

dockerコマンドでGrafanaをインストールする前提で手順を書きます。

$ docker run -d -p 3000:3000 --name=grafana grafana/grafana:latest

Grafanaへ初回ログイン時にadminユーザのパスワードを変更する必要があるため、Grafanaインストール時にadminユーザ名とパスワードを指定することができます。

$ docker run -d -p 3000:3000 --name=grafana -e "GF_SECURITY_ADMIN_USER=admin" -e "GF_SECURITY_ADMIN_PASSWORD=password" grafana/grafana:latest

データソースプラグインをインストールする

grafana-cliコマンドでGoogle Sheetsデータソースプラグインをインストールします。
dockerコマンドでコンテナIDを確認してログインします。(下記の例では、コンテナIDはd4a380064126)

$ docker ps
CONTAINER ID   IMAGE                    COMMAND     CREATED             STATUS             PORTS                    NAMES
d4a380064126   grafana/grafana:latest   "/run.sh"   About an hour ago   Up About an hour   0.0.0.0:3000->3000/tcp   grafana
$ docker exec -it d4a380064126 bash

grafana-cliコマンドでGoogle Sheetsデータソースプラグインをインストールします。

$ cd bin
$ grafana-cli plugins install grafana-googlesheets-datasource
✔ Downloaded grafana-googlesheets-datasource v1.1.3 zip successfully

Please restart Grafana after installing plugins. Refer to Grafana documentation for instructions if necessary.

コンテナからログアウトして、コンテナを再起動します。

$ exit
$ docker restart d4a380064126

dockerコマンドでgrafanaをインストールする時に合わせてデータソースプラグインをインストールする場合

$ docker run -d -p 3000:3000 --name=grafana -e "GF_SECURITY_ADMIN_USER=admin" -e "GF_SECURITY_ADMIN_PASSWORD=password" -e "GF_INSTALL_PLUGINS=grafana-googlesheets-datasource" grafana/grafana:latest

Google Sheetsデータソースの追加手順

ブラウザでGrafanaのログイン画面を表示し、adminユーザでログインします。
(初回ログイン時にadminユーザのパスワードを変更する必要があります)

login.jpg

「Configuration」→「Data sources」を選択します。

config_datasource.jpg

「Add data source」ボタンを押します。

add_button.jpg

下へスクロールして、「Google Sheets」を選択します。

datasource.jpg

「Name」と「API Key」を設定して、「Save & test」ボタンを押します。
(Google Sheetsへのアクセスに必要な「API Key」の登録方法については、次の項目で説明します)

api_key.jpg

正常に登録されると「Success」と表示されます。

Success.jpg

「Back」ボタンを押して、「Data sources」に追加されたことを確認します。

datasource_1.jpg

APIキーの登録方法

Google Cloud Platformのコンソール画面へアクセスします。

左上のメニューから「APIとサービス」→「認証情報」を選択します。

認証情報.jpg

「認証情報を作成」→「APIキー」を選択します。

認証情報を作成_1.jpg

ポップアップ画面が表示されるので、自分のAPIキーの情報をGrafanaへ登録します。
登録したら「閉じる」を押します。

APIキーを作成完了_1.jpg

作成したAPIキーは制限がない状態ですので、APIキーを選択して編集します。

APIキーの編集.jpg

APIの制限で「キーを制限」を選択します。
「Select APIs」のプルダウンメニューから「Google Sheets API」を選択します。

APIの制限_1.jpg

プルダウンメニュー.jpg

「OK」を押してプルダウンメニューを閉じます。
選択中のAPIにGoogle Sheets APIが表示されていることを確認して、「保存」ボタンを押します。

APIの制限_設定完了.jpg

⚠️マークが✅マークに変わっていれば問題ありません。

APIキー作成_完了.jpg

Google Sheetsの読み込み

以下のようなGoogle Sheetsを読み込む場合を例に説明します。

Google_Sheets_1.jpg

「Explorer」を選択します。

explorer_0.jpg

データソースのプルダウンメニューから「Google Sheets」を選択します。

Spreadsheet IDにシートIDを入力します。
例.
Google SheetsのURLの{シートID}の部分

https://docs.google.com/spreadsheets/d/{シートID}/edit#gid=0

Rangeに「シート名!セル:セル」または「シート名!列:列」の形式で入力します。
例.
シート名「left」でA列からB列まで選択 → left!A:B

explorer_1.jpg

Google Sheetsの読み込みが正常に完了すると、Tableにデータが表示されます。

explorer_1_1.jpg

グラフ表示する

ダッシュボードにグラフ表示します。「Add to dashboard」ボタンを押します。

explorer_2.jpg

ポップアップ画面が表示されますので、「Open dashboard」ボタンを押します。

popup.jpg

ダッシュボード画面が表示されます。New Panelのプルダウンメニューから「Edit」を選択します。

dashboard.jpg

new_panel.jpg

Edit Panel画面が表示されます。表示タイプのプルダウンメニューから「Graph (old)」を選択します。

Edit_panel_1_1.jpg

Edit_panel_2_1.jpg

線グラフが表示されることを確認します。「Apply」ボタンを押して設定を保存します。

Edit_Panel_3_1.jpg

ダッシュボード上で線グラフが表示されます。

スクリーンショット 2022-05-29 21.29.17.png

4
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
4
1