> ## Documentation Index
> Fetch the complete documentation index at: https://docs.appsignal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Remix

export const VersionRequirements = ({versions = []}) => {
  if (!Array.isArray(versions) || versions.length === 0) {
    return null;
  }
  const boundaries = {
    upper: " or lower",
    exact: "",
    lower: " or higher"
  };
  const containerStyle = {
    marginTop: "0.5rem",
    marginBottom: "1.5rem"
  };
  const lineStyle = {
    display: "block",
    margin: "0 0 0.35rem 0",
    fontSize: "0.875rem",
    lineHeight: "1.4"
  };
  const pillBaseStyle = {
    display: "inline-block",
    padding: "0.1em 0.4em",
    borderRadius: "0.25rem",
    border: "1px solid",
    fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
    fontSize: "0.85em",
    fontWeight: 500
  };
  const pillColors = {
    "AppSignal for Elixir": {
      background: "#f3e8ff",
      borderColor: "#e9d5ff",
      color: "#9333ea"
    },
    "AppSignal for Front-end": {
      background: "#fef9c3",
      borderColor: "#fde68a",
      color: "#ca8a04"
    },
    "AppSignal for Go": {
      background: "#ccfbf1",
      borderColor: "#99f6e4",
      color: "#0d9488"
    },
    "AppSignal for JavaScript": {
      background: "#fef9c3",
      borderColor: "#fde68a",
      color: "#ca8a04"
    },
    "AppSignal for Node.js": {
      background: "#dcfce7",
      borderColor: "#bbf7d0",
      color: "#16a34a"
    },
    "AppSignal for Python": {
      background: "#dbeafe",
      borderColor: "#bfdbfe",
      color: "#2563eb"
    },
    "AppSignal for Ruby": {
      background: "#fee2e2",
      borderColor: "#fecaca",
      color: "#dc2626"
    },
    "AppSignal for Rust": {
      background: "#ffedd5",
      borderColor: "#fed7aa",
      color: "#ea580c"
    }
  };
  const defaultPillColor = {
    background: "#f4f4f5",
    borderColor: "#e4e4e7",
    color: "#52525b"
  };
  const getPillStyle = name => ({
    ...pillBaseStyle,
    ...pillColors[name] || defaultPillColor
  });
  const getBoundText = bound => {
    return boundaries[bound] || boundaries.lower;
  };
  return <div style={containerStyle}>
      {versions.map((v, i) => <p key={`${v.name}-${v.version}-${v.bound || "lower"}-${i}`} style={lineStyle}>
          This feature requires{" "}
          <code style={getPillStyle(v.name)}>{v.name}</code> version {v.version}
          {getBoundText(v.bound)}.
        </p>)}
    </div>;
};

<VersionRequirements
  versions={[
{ name: "AppSignal for Node.js", version: "3.0.18" }
]}
/>

Die Integration von AppSignal für Node.js für [Remix](https://remix.run/).

## Installation

Um die Instrumentierungsunterstützung für Remix zu aktivieren, müssen Sie zunächst das Paket [OpenTelemetry Remix Instrumentation](https://www.npmjs.com/package/opentelemetry-instrumentation-remix) in Version `^0.5.0` installieren.

Nach der Installation des OpenTelemetry-Remix-Instrumentation-Pakets müssen Sie die Instrumentierung bei der Initialisierung des AppSignal-Clients über die Konfigurationsoption [`additionalInstrumentations`](/nodejs/3.x/configuration/options#option-additionalinstrumentations) aktivieren, wie im folgenden Code gezeigt.

<CodeGroup>
  ```javascript Node.js theme={null}
  // appsignal.cjs
  const { Appsignal } = require("@appsignal/nodejs");
  const { RemixInstrumentation } = require("opentelemetry-instrumentation-remix");

  new Appsignal({
    active: true,
    name: "<YOUR APPLICATION NAME>",
    pushApiKey: "<YOUR API KEY>",
    additionalInstrumentations: [new RemixInstrumentation()],
  });
  ```
</CodeGroup>

Dieses Snippet verweist auf die Datei `appsignal.cjs`, die [bei der Konfiguration von AppSignal](/nodejs/3.x/configuration#minimal-required-configuration) erstellt wurde.

Sie müssen die Umgebungsvariable `NODE_OPTIONS` setzen, um die Datei `appsignal.cjs` beim Starten Ihrer Remix-App zu laden.

<CodeGroup>
  ```bash Bash theme={null}
  NODE_OPTIONS='--require ./appsignal.cjs' remix dev
  ```
</CodeGroup>

<Tip>
  Remix basiert auf Express für die Verarbeitung von Web-Anfragen, was dazu
  führen kann, dass Ihre Aktionen in AppSignal schwerer zu lesen sind. Wenn dies
  auf Sie zutrifft, können Sie die Express-Instrumentierung deaktivieren, indem
  Sie die Option `disableInstrumentations` bei der Initialisierung des
  AppSignal-Clients mit dem Wert
  `["@opentelemetry/instrumentation-express"]` übergeben.
</Tip>

## Funktionen

Die Remix-Instrumentierung erstellt in AppSignal Performance-Aktionen aus den Remix-Request-Handlern. Der Aktionsname entspricht der Route des Request-Handlers.

Remix-Loader werden als Child-Spans des Request-Handler-Spans instrumentiert.

Nach der Konfiguration werden Fehler, die von Ihrer Remix-Anwendung ausgelöst werden, an AppSignal gemeldet.