Nerdpack ファイル構造

New Relic アプリケーションはNerdpackフォルダーで表され、このフォルダーには 1 つ以上のNerdletファイルと、オプションで 1 つ以上のランチャーファイルを含めることができます。ここで説明します:

Nerdpack、Nerdlet、ランチャーのファイル構造
ランチャーファイルをNerdletにリンクする方法
アプリケーションをモニターアプライアンスにリンクする方法

Nerdpackコンポーネントを生成する

Nerdpack テンプレートを生成するには 2 つの方法があります。

Nerdpack を生成します。New Relic One CLI コマンドnr1 createを使用してNerdpackを選択し、Nerdlet とランチャーを含む Nerdpack テンプレートを作成します。
Nerdlet またはランチャーを個別に生成します。New Relic One CLI コマンドnr1 createを使用して、 Nerdletまたはlauncherいずれかを選択します。これは、既存の Nerdpack に Nerdlets を追加するときに役立ちます。

nr1 createコマンドを使用して Nerdpack テンプレートを生成すると、ファイル構造は次のようになります。

my-nerdlet
├── README.md
├── launchers
│   └── my-nerdlet-launcher
│       ├── icon.png
│       └── nr1.json
├── nerdlets
│   └── my-nerdlet-nerdlet
│       ├── index.js
│       ├── nr1.json
│       └── styles.scss
├── node_modules
│   ├── js-tokens
│   ├── loose-envify
│   ├── object-assign
│   ├── prop-types
│   ├── react
│   ├── react-dom
│   ├── react-is
│   └── scheduler
├── nr1.json
├── package-lock.json
└── package.json

Nerdlet ファイル構造

Nerdpack には 1 つ以上の Nerdlet を含めることができます。 Nerdlet フォルダーは、3 つのデフォルトファイルindex.js 、 nr1.json 、 styles.scssから始まります。 nr1 createコマンドを使用して生成された後のデフォルトファイルは次のようになります。

`index.js`

Nerdlet の JavaScript コード。

import React from 'react';

export default class MyAwesomeNerdpack extends React.Component {
  render() {
    return <h1>Hello, my-awesome-nerdpack Nerdlet!</h1>;
  }
}

`nr1.json`

Nerdlet設定ファイル。

{
  "schemaType": "NERDLET",
  "id": "my-awesome-nerdpack-nerdlet",
  "description": "Describe me",
  "displayName": "MyAwesomeNerdpack"
}

ランチャーをアプリケーションのアクセスポイントとして使用するだけでなく、アプリケーションをモニターアプライアンスに関連付けて、それをタイトルエクスプローラーに表示することもできます。これを行うには、最初のリリースの Nerdlet の構成ファイルに 2 つのフィールドentitiesとactionCategoryを追加します。

この例では、Nerdlet はすべてのbrowser - モニターアプリケーションに関連付けられており、Monitor [モニター]UIカテゴリの下に表示されます。

{
  "schemaType": "NERDLET",
  "id": "my-nerdlet",
  "description": "Describe me",
  "displayName": "Custom Data",
  "context": {
    "entities": [{ "domain": "BROWSER", "type": "APPLICATION" }]
  },
  "actionCategory": "monitor"
}

このアプリケーションをUIで表示するには、ウィンドウエクスプローラーに移動し、 browserを選択して、モニターアプリケーションを選択します。

`styles.scss`

アプリケーションのスタイルを設定するための空の SCSS ファイル。

`icon.png`

アプリケーションがデプロイされたときに New Relic のAppsページに表示されるランチャーアイコン。

ランチャーファイル構造

ランチャーには独自のファイル構造があります。ご了承ください：

ランチャーは必要ありません。ランチャーを使用する代わりに、アプリケーションをモニターアプライアンスに関連付けることもできます。
アプリケーションには複数のランチャーを設定できます。これは、複数の Nerdlet を備えたアプリケーションで必要な場合があります。

nr1 createコマンドを使用してランチャーを生成すると、そのフォルダーには 2 つのファイルが含まれます。

`nr1.json`

設定ファイル。

{
  "schemaType": "LAUNCHER",
  "id": "my-awesome-nerdpack-launcher",
  "description": "Describe me",
  "displayName": "MyAwesomeNerdpack",
  "rootNerdletId": "my-awesome-nerdpack-nerdlet"
}

ランチャーを Nerdlet に接続するには、 rootNerdletIdがリリース Nerdlet のnr1.json構成ファイル内のidと一致する必要があります。複数の Nerdlet を含む Nerdpack の場合、これは最初にリリースされた Nerdlet に対してのみ実行する必要があります。

`icon.png`

Appsページのアプリランチャーに表示されるアイコン。

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

Nerdpack ファイル構造

Nerdpackコンポーネントを生成する .css-21sua1{background:none;border:none;width:0;padding:0;}