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

# Configuration d'AppSignal pour JavaScript

## Configurer AppSignal

Pour configurer AppSignal pour JavaScript côté front-end, nous recommandons de créer un fichier `appsignal.js` contenant la configuration AppSignal à la racine de votre projet ou dans le répertoire `src`.
Ensuite, importez ou requérez le fichier de configuration depuis le code de l'application avant que tout autre package ne soit requis ou importé.

Dans l'exemple ci-dessous, il y a un fichier `appsignal.js` à la racine du répertoire de l'application. À la ligne 8, nous avons ajouté l'option de configuration `namespace`.

<CodeGroup>
  ```javascript JavaScript theme={null}
  // For ES Module via npm/yarn, or with import maps
  import Appsignal from "@appsignal/javascript";
  // For CommonJS module via npm/yarn
  const Appsignal = require("@appsignal/javascript").default;
  // With the JSPM.dev CDN
  import Appsignal from "https://jspm.dev/@appsignal/javascript";

  const appsignal = new Appsignal({
    key: "<YOUR FRONTEND API KEY>",
  });

  module.exports = { appsignal };
  ```
</CodeGroup>

## Personnaliser la configuration

Vous pouvez personnaliser le rapport d'erreurs de votre application avec les [options de configuration front-end](/front-end/configuration/options).

Voici un exemple de personnalisation de l'[option namespace](/front-end/configuration/options#namespace).

<CodeGroup>
  ```diff Example namespace option theme={null}
   const appsignal = new Appsignal({
     key: "<YOUR FRONTEND API KEY>",
  +  namespace: "frontend", // Configure the AppSignal namespace for front-end errors in this app
   });
  ```
</CodeGroup>

## Requérir la configuration AppSignal

Une fois la configuration de votre application terminée, requérez le fichier `appsignal.js` tout en haut du fichier principal de votre application, comme dans l'exemple ci-dessous :

<CodeGroup>
  ```javascript JavaScript theme={null}
  // Place this at the top
  // Import the file created in the previous step
  const { appsignal } = require("./appsignal"); // Update to the location used in the previous step

  // Place your app code below this
  ```
</CodeGroup>

Après que votre application a chargé la bibliothèque JavaScript AppSignal, assurez-vous de suivre toutes les [étapes du guide d'installation](/front-end/installation), en ajoutant des [intégrations](/front-end/integrations), des [plugins](/front-end/plugins), et personnalisez votre [configuration](/front-end/configuration/options).