クイックスタートにダッシュボードを追加する

ヒント

この手順は、クイックスタートを構築する方法を教えるコースの一部です。まだご覧になっていない方は、コース紹介をご覧ください。

この手順はラボの最後の手順に基づいて構築されるため、この手順に進む前に、ダッシュボードを作成し、クイックスタートのディレクトリ構造を理解しておく必要があります。

前の手順では、ダッシュボードからモニター FlashDB を作成しました。次に、これをクイックスタートに追加して、ユーザーも使用できるようにします。

まだ行っていない場合は、 New Relic クイックスタートリポジトリをフォークし、ローカルマシンにクローンします。

任意の IDE でプロジェクトを開き、 \_templateディレクトリに移動します。

ここで、 dashboards/example-dashboardディレクトリとその内容をルートレベルのdashboardsディレクトリにコピーします。ディレクトリの名前をflashdbに変更します。

このディレクトリには、ダッシュボードを New Relic I/O に提供するためのサンプル JSON ファイルと対応する画像が含まれています。

次に、 New Relicに移動してダッシュボードを検索します。ここから、JSON をコピーします。

dashboards/flashdbディレクトリに JSON ファイルとして保存し、ファイル名をflashdb.jsonに変更します。

ここで、ダッシュボードの JSON をクリップボードにコピーしました。 dashboards/flashDBディレクトリ内の既存の JSON ファイルの内容を置き換え、名前をflashdb.jsonに変更します。 flashdb.jsonファイルには次の内容が含まれている必要があります:

{
  "name": "flashdb",
  "description": null,
  "permissions": "PUBLIC_READ_WRITE",
  "pages": [
    {
      "name": "flashdb",
      "description": null,
      "widgets": [
        {
          "title": "Database methods",
          "layout": {
            "column": 1,
            "row": 1,
            "width": 8,
            "height": 6
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.pie"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": true
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 1234567,
                "query": "SELECT count(*) FROM fdb_method FACET method "
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            }
          }
        },
        {
          "title": "Database size",
          "layout": {
            "column": 9,
            "row": 1,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.billboard"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "nrqlQueries": [
              {
                "accountId": 1234567,
                "query": "SELECT latest(fdb_size) FROM Metric"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            }
          }
        },
        {
          "title": "Average response time",
          "layout": {
            "column": 9,
            "row": 4,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 1234567,
                "query": "SELECT average(fdb_create_responses), average(fdb_read_responses), average(fdb_update_responses), average(fdb_delete_responses) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        },
        {
          "title": "Cache hits",
          "layout": {
            "column": 1,
            "row": 7,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 1234567,
                "query": "SELECT sum(fdb_cache_hits) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        },
        {
          "title": "Errors",
          "layout": {
            "column": 5,
            "row": 7,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 1234567,
                "query": "SELECT sum(fdb_create_errors), sum(fdb_read_errors), sum(fdb_update_errors), sum(fdb_delete_errors) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        },
        {
          "title": "FlashDB keys",
          "layout": {
            "column": 9,
            "row": 7,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 1234567,
                "query": "SELECT count(fdb_keys) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        }
      ]
    }
  ]
}

次に、ダッシュボードのスクリーンショットを作成し、それをdashboards/flashdbディレクトリに追加します。 JSON ファイルと同じ名前を付けます。 dashboards/flashDBディレクトリは次のようになります。

ダッシュボードを清潔にする

ダッシュボードをクイックスタートに追加するときは、機密データを削除する必要があります。例えば：

含めない permissions: PUBLIC_READ_WRITE
すべてのlinkedEntityGuidsを設定する null
accountIdを 0

このプロセスを自動化するスクリプトを作成しました。ダッシュボードから機密データや不要なデータを削除するには、 newrelic-quickstarts/utilsに移動してsanitize- dashboardスクリプトを実行します。

bash

$cd newrelic-quickstarts/utils
$yarn install
$yarn sanitize-dashboard flashdb

flashdb.jsonファイルは次のようになります。

{
  "name": "flashDB",
  "description": null,
  "pages": [
    {
      "name": "flashDB",
      "description": null,
      "widgets": [
        {
          "title": "Database methods",
          "layout": {
            "column": 1,
            "row": 1,
            "width": 8,
            "height": 6
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.pie"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": true
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 0,
                "query": "SELECT count(*) FROM fdb_method FACET method "
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            }
          }
        },
        {
          "title": "Database size",
          "layout": {
            "column": 9,
            "row": 1,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.billboard"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "nrqlQueries": [
              {
                "accountId": 0,
                "query": "SELECT latest(fdb_size) FROM Metric"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            }
          }
        },
        {
          "title": "Average response time",
          "layout": {
            "column": 9,
            "row": 4,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 0,
                "query": "SELECT average(fdb_create_responses), average(fdb_read_responses), average(fdb_update_responses), average(fdb_delete_responses) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        },
        {
          "title": "Cache hits",
          "layout": {
            "column": 1,
            "row": 7,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 0,
                "query": "SELECT sum(fdb_cache_hits) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        },
        {
          "title": "Errors",
          "layout": {
            "column": 5,
            "row": 7,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 0,
                "query": "SELECT sum(fdb_create_errors), sum(fdb_read_errors), sum(fdb_update_errors), sum(fdb_delete_errors) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        },
        {
          "title": "FlashDB keys",
          "layout": {
            "column": 9,
            "row": 7,
            "width": 4,
            "height": 3
          },
          "linkedEntityGuids": null,
          "visualization": {
            "id": "viz.line"
          },
          "rawConfiguration": {
            "facet": {
              "showOtherSeries": false
            },
            "legend": {
              "enabled": true
            },
            "nrqlQueries": [
              {
                "accountId": 0,
                "query": "SELECT count(fdb_keys) FROM Metric TIMESERIES"
              }
            ],
            "platformOptions": {
              "ignoreTimeRange": false
            },
            "yAxisLeft": {
              "zero": true
            }
          }
        }
      ]
    }
  ]
}

ヒント

この手順は、クイックスタートを構築する方法を教えるコースの一部です。次のレッスンに進み、アラートをクイックスタートに追加します。

この機械翻訳は、参考として提供されています。

クイックスタートにダッシュボードを追加する

ヒント

ダッシュボードを清潔にする .css-21sua1{background:none;border:none;width:0;padding:0;}

ヒント

ダッシュボードを清潔にする