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

# Configuratieopties van AppSignal voor JavaScript

export const Compatibility = ({versions = [], label = "Available in"}) => {
  if (!Array.isArray(versions) || versions.length === 0) {
    return null;
  }
  const defaultPillStyle = {
    borderColor: "#d4d4d8",
    background: "#f4f4f5",
    color: "#3f3f46"
  };
  const pillStyles = {
    "AppSignal for Elixir": {
      background: "#f3e8ff",
      borderColor: "#d8b4fe",
      color: "#6b21a8"
    },
    "AppSignal for Front-end": {
      background: "#fef9c3",
      borderColor: "#fde047",
      color: "#854d0e"
    },
    "AppSignal for Go": {
      background: "#ccfbf1",
      borderColor: "#5eead4",
      color: "#115e59"
    },
    "AppSignal for JavaScript": {
      background: "#fef9c3",
      borderColor: "#fde047",
      color: "#854d0e"
    },
    "AppSignal for Node.js": {
      background: "#dcfce7",
      borderColor: "#86efac",
      color: "#166534"
    },
    "AppSignal for Python": {
      background: "#dbeafe",
      borderColor: "#93c5fd",
      color: "#1e40af"
    },
    "AppSignal for Ruby": {
      background: "#fee2e2",
      borderColor: "#fca5a5",
      color: "#991b1b"
    },
    "AppSignal for Rust": {
      background: "#ffedd5",
      borderColor: "#fdba74",
      color: "#9a3412"
    }
  };
  const getPillStyle = name => ({
    ...defaultPillStyle,
    ...pillStyles[name] || ({})
  });
  return <div className="not-prose my-4 rounded-lg border border-zinc-200 bg-zinc-50 px-4 py-3 text-sm dark:border-white/10 dark:bg-white/5">
      <div className="flex flex-wrap items-center gap-x-2 gap-y-1">
        <span className="font-semibold text-zinc-700 dark:text-zinc-200">
          {label}:
        </span>
        {versions.map((v, i) => <span key={`${v.name}-${v.version}-${i}`} className="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium" style={getPillStyle(v.name)}>
            <span>{v.name}</span>
            <span className="opacity-70">
              {v.version}
              {v.exact ? "" : "+"}
            </span>
          </span>)}
      </div>
    </div>;
};

De onderstaande lijst bevat alle configuratieopties met de naam van de omgevingsvariabele en de naam van de sleutel in het configuratiebestand.

Voor meer informatie over het configureren van AppSignal met een configuratiebestand, zie ons onderwerp [Configuratie](/front-end/configuration).

## `key`

* **Type:** `string`

<Tip>
  Deze configuratieoptie is **vereist** om gegevens naar AppSignal te kunnen
  versturen. Als deze configuratieoptie niet is ingesteld, draait AppSignal
  voor JavaScript in ontwikkelingsmodus en worden er geen gegevens naar
  AppSignal verzonden.
</Tip>

De API-sleutel voor front-end-foutmonitoring van uw applicatie. U vindt deze API-sleutel onder "Front-end error monitoring" in de sectie ["Push & Deploy"](https://appsignal.com/redirect-to/app?to=api_keys) van de instellingen van uw applicatie.

Dit is **niet** dezelfde sleutel als de API-sleutel op organisatie- of applicatieniveau die wordt gebruikt voor monitoring in onze back-end-integraties.

## `namespace`

* **Type:** `string`
* **Standaardwaarde:** `"frontend"`

De standaardnamespace die wordt gebruikt om fouten naar AppSignal te rapporteren. Lees meer in onze [namespaces-handleiding](/guides/namespaces).

## `revision`

* **Type:** `string`

Stelt de app-revisie in voor de momenteel draaiende versie van uw app. Deze wordt gebruikt om deploy-markers aan te maken en alle inkomende data te taggen als behorend bij een specifieke deploy. Lees meer in onze [deploy markers-handleiding](/application/markers/deploy-markers).

## `ignoreErrors`

* **Type:** `RegExp[]`

Een array van reguliere expressies die wordt gecontroleerd tegen de `message`-eigenschap van elke fout die naar AppSignal wordt gerapporteerd. Als een van de reguliere expressies overeenkomt, wordt de fout genegeerd. Lees meer in onze [handleiding voor het negeren van fouten](/guides/filter-data/ignore-actions).

## `matchBacktracePaths`

<Compatibility versions={[{ name: "AppSignal for JavaScript", version: "1.5.0" }]} />

* **Type:** `RegExp[]`

<Warning>
  Deze configuratieoptie is nuttig bij het ontwikkelen van applicaties voor
  desktop- en mobiele omgevingen of bij het implementeren van dezelfde
  applicatieomgeving op meerdere domeinen.
  **De meeste applicaties hoeven deze configuratieoptie niet te gebruiken.**

  **Het gebruik van deze configuratieoptie breekt [publieke sourcemap-detectie](/front-end/sourcemaps#public-sourcemaps).** Om deze
  configuratieoptie te gebruiken met een codebase die sourcemaps gebruikt, moet u
  privé-sourcemaps uploaden voor uw applicatie.

  Deze configuratieoptie is **experimenteel** en kan in toekomstige versies wijzigen.
</Warning>

Een array van reguliere expressies met een of meer match groups. Deze reguliere expressies worden gecontroleerd tegen de paden in de backtrace-regels van fouten die naar AppSignal worden gerapporteerd. Als een van de reguliere expressies overeenkomt met een of meer niet-lege match groups, wordt het pad in de backtrace-regel vervangen door de samenvoeging van die match groups.

Dit is nuttig wanneer het pad waar uw applicatie is geïmplementeerd vooraf niet bekend is. Het pad naar een Electron-applicatie kan bijvoorbeeld op elke machine van een gebruiker verschillen. U kunt dan zoeken naar het gedeelte van dat pad dat bekend is en uw applicatie vertegenwoordigt.

Als de broncode van uw applicatie zich bijvoorbeeld op een pad bevindt zoals onderstaand, waarbij `${USERNAME}` per gebruiker verschilt:

<CodeGroup>
  ```sh Shell theme={null}
  /Users/${USERNAME}/Applications/MyApp.app/Contents/Resources/bundle/app.js`
  ```
</CodeGroup>

Dan kunt u deze configuratieoptie als volgt gebruiken:

<CodeGroup>
  ```javascript JavaScript theme={null}
  const appsignal = new Appsignal({
    // ... other configuration options ...
    matchBacktracePaths: [new RegExp("MyApp.app/Contents/Resources/(.*)")],
  });
  ```
</CodeGroup>

Wanneer er een fout wordt gerapporteerd, worden de paden in de backtrace-regels vervangen door het resultaat van de match group, wat in dit voorbeeld `bundle/app.js` is.

Dit zorgt ervoor dat fouten die naar AppSignal worden gerapporteerd correct worden gegroepeerd wanneer er gebruikgemaakt wordt van backtrace line grouping, en maakt het mogelijk om [privé-sourcemaps](/api/sourcemaps) te uploaden voor het opgeschoonde pad.