Ajoutez votre dashboard au quickstart

Conseil

Cette procédure fait partie du cours qui vous apprend à créer un quickstart. Si vous ne l’avez pas déjà fait, consultez l’ introduction du cours.

Comme cette procédure s’appuie sur les dernières du laboratoire, assurez-vous de créer un tableau de bord et de comprendre la structure du répertoire de démarrage rapide avant de procéder à celle-ci.

Dans une procédure précédente, vous créez un dashboard pour monitorer FlashDB. Maintenant, vous allez l'ajouter à votre quickstart afin que votre utilisateur puisse également l'utiliser.

Si vous ne l’avez pas déjà fait, créez un fork du référentiel de démarrage rapide New Relic et clonez-le sur votre machine locale.

Ouvrez votre projet dans l'IDE de votre choix et accédez au répertoire \_template .

Ici, copiez le répertoire dashboards/example-dashboard et son contenu dans le répertoire dashboards au niveau racine. Renommez le répertoire en flashdb.

Ce répertoire contient un exemple de fichier JSON et son image correspondante pour contribuer à votre dashboard sur New Relic I/O.

Ensuite, accédez à New Relic et recherchez votre dashboard. À partir de là, copiez son JSON.

Enregistrez-le sous forme de fichier JSON dans le répertoire dashboards/flashdb et renommez le fichier en flashdb.json.

Ici, vous avez copié le JSON de votre dashboard dans le presse-papiers. Remplacez le contenu du fichier JSON existant dans le répertoire dashboards/flashDB et renommez-le en flashdb.json. Votre fichier flashdb.json doit contenir le contenu suivant :

{
  "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
            }
          }
        }
      ]
    }
  ]
}

Ensuite, créez une capture d'écran de votre dashboard et ajoutez-la au répertoire dashboards/flashdb. Donnez-lui le même nom que votre fichier JSON. Votre répertoire dashboards/flashDB devrait ressembler à ce qui suit :

Désinfectez votre dashboard

Lorsque vous ajoutez votre dashboard au quickstart, vous devez supprimer les données sensibles. Par exemple:

Ne pas inclure permissions: PUBLIC_READ_WRITE
Réglez tous linkedEntityGuids sur null
Réglez votre accountId sur 0

Nous avons créé un script pour automatiser ce processus pour vous. Pour supprimer les données sensibles et inutiles de votre tableau de bord, accédez à newrelic-quickstarts/utils et exécutez le script sanitize-dashboard .

bash

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

Votre fichier flashdb.json devrait maintenant ressembler à ce qui suit.

{
  "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
            }
          }
        }
      ]
    }
  ]
}

Conseil

Cette procédure fait partie du cours qui vous apprend à créer un quickstart. Passez à la leçon suivante : ajoutez vos alertes au démarrage rapide.

Cette traduction automatique est fournie pour votre commodité.

Conseil

Désinfectez votre dashboard .css-21sua1{background:none;border:none;width:0;padding:0;}

Conseil

Désinfectez votre dashboard