• EnglishEspañol日本語한국어Português
  • ログイン今すぐ開始

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

英語版と翻訳版に矛盾がある場合は、英語版が優先されます。詳細については、このページを参照してください。

問題を作成する

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 を追加するときに役立ちます。

Nerdpack ファイル構造

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.jsnr1.jsonstyles.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 つのフィールドentitiesactionCategoryを追加します。

この例では、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ページに表示されるランチャー アイコン。

ランチャーファイル構造

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

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ページのアプリ ランチャーに表示されるアイコン。

Copyright © 2024 New Relic株式会社。

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.