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을 추가할 때 유용할 수 있습니다.

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.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의 구성 파일에 두 개의 추가 필드( entities 및 actionCategory 를 추가하십시오.

이 예에서 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 [앱] 페이지의 앱 실행기에 표시되는 아이콘입니다.

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

Nerdpack 파일 구조

Nerdpack 구성 요소 생성 .css-21sua1{background:none;border:none;width:0;padding:0;}