• EnglishEspañol日本語한국어Português
  • 로그인지금 시작하기

사용자의 편의를 위해 제공되는 기계 번역입니다.

In the event of any inconsistency between the English version and the translated version, the English versionwill take priority. Please visit this page for more information.

문제 신고

Nerdpack 파일 구조

뉴킹릭 기능은 하나 이상의 Nerdlet 파일과 선택적으로 하나 이상의 런처 파일을 포함할 수 있는 Nerdpack 폴더로 표시됩니다. 여기서는 다음과 같이 설명합니다.

  • Nerdpack, Nerdlet 및 실행 프로그램의 파일 구조
  • 실행기 파일을 Nerdlet에 연결하는 방법
  • 애플리케이션을 모니터링되는 엔터티와 연결하는 방법

Nerdpack 구성 요소 생성

Nerdpack 템플릿을 생성하는 방법에는 두 가지가 있습니다.

  • Nerdpack 생성: 뉴웰릭 One CLI 명령 nr1 create 을 사용하고 Nerdpack 선택하여 Nerdlet과 실행 프로그램이 포함된 Nerdpack 템플릿을 생성합니다.
  • Nerdlet 또는 실행 프로그램을 개별적으로 생성: 뉴렐릭 One CLI 명령 nr1 create 을 사용하고 Nerdlet 또는 launcher 중 하나를 선택합니다. 이는 기존 Nerdpack에 Nerdlet을 추가할 때 유용할 수 있습니다.

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에는 하나 이상의 Nerdlet이 포함될 수 있습니다. Nerdlet 폴더는 세 가지 기본 파일인 index.js, nr1.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의 구성 파일에 두 개의 추가 필드( entitiesactionCategory 를 추가하십시오.

이 예에서 Nerdlet은 모든 브라우저-모니터 기능과 연결되어 있으며 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

디자인이 구현될 때 뉴렐릭의 Apps [앱] 페이지에 표시되는 런처 아이콘입니다.

런처 파일 구조

런처에는 자체 파일 구조가 있습니다. 참고:

  • 런처는 필요하지 않습니다. 런처를 사용하는 대신 애플리케이션을 모니터링되는 엔터티와 연결할 수 있습니다.
  • 애플리케이션에는 둘 이상의 실행 프로그램이 있을 수 있으며, 이는 여러 Nerdlet이 있는 애플리케이션에 적합할 수 있습니다.

nr1 create 명령을 사용하여 실행기를 생성하면 해당 폴더에 두 개의 파일이 포함됩니다.

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 Inc.

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