Estructura de archivos nerdpack

Una aplicación New Relic está representada por una carpeta Nerdpack , que puede incluir uno o más archivos Nerdlet y, opcionalmente, uno o más archivos de inicio . Aquí te explicamos:

• La estructura de archivos para un Nerdpack, un Nerdlet y un pícher
• Cómo vincular un archivo de inicio a un Nerdlet
• Cómo vincular tu aplicación con un monitor entidad

Generar componentes Nerdpack

Hay dos formas de generar una plantilla Nerdpack:

• Genere un Nerdpack: emplee el comando CLI de New Relic One nr1 create y seleccione Nerdpack para crear una plantilla de Nerdpack que incluya un Nerdlet y un iniciador.
• Genere Nerdlet o iniciador individualmente: use el comando CLI de New Relic One nr1 create y elija Nerdlet o launcher. Esto puede resultar útil al agregar Nerdlets a un Nerdpack existente.

Estructura de archivos nerdpack

Cuando generas una plantilla Nerdpack usando el comando nr1 create , tiene la siguiente estructura de archivos:

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

Estructura de archivos nerdlet

Un Nerdpack puede contener uno o más Nerdlets. Una carpeta Nerdlet comienza con tres archivos predeterminados, index.js, nr1.json y styles.scss. Así es como se ven los archivos predeterminados luego de generarlos usando el comando nr1 create :

index.js

El código JavaScript del Nerdlet.

import React from 'react';

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

nr1.json

El archivo de configuración de Nerdlet.

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

Además de emplear el iniciador como punto de acceso para su aplicación, también puede asociar la aplicación con una entidad de monitor para que aparezca en el explorador de entidades. Para hacer esto, agregue dos campos adicionales al archivo de configuración del Nerdlet de primer lanzamiento: entities y actionCategory.

En este ejemplo, el Nerdlet se asoció con todas Browser las aplicaciones de monitor y y aparecerá en la Monitor UI categoría :

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

Para ver esta aplicación en la UI, debe ir al explorador de entidades, seleccionar la aplicación Browser y seleccionar una aplicación de monitor.

styles.scss

Un archivo SCSS vacío para diseñar su aplicación.

icon.png

El ícono del iniciador que aparece en la página de Apps en New Relic cuando se implementa una aplicación.

Estructura de archivos del iniciador

Los pícher tienen su propia estructura de archivos. Tenga en cuenta que:

• No se requiere un pícher; Como alternativa al uso de un pícher, puedes asociar tu aplicación con una entidad de monitor.
• Una aplicación puede tener más de un iniciador, lo que podría ser deseable para una aplicación con varios Nerdlets.

Luego de generar un iniciador usando el comando nr1 create , su carpeta contiene dos archivos:

nr1.json

El archivo de configuración.

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

Para conectar un pícher a un Nerdlet, el rootNerdletId debe coincidir con el id en el archivo de configuración nr1.json del lanzamiento Nerdlet. Para Nerdpacks con múltiples Nerdlets, esto debe hacer solo para el Nerdlet de primer lanzamiento.

icon.png

El ícono que se muestra en el iniciador de la aplicación en la página de Apps .