Passer au contenu principal

​
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. 
// 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 };

​
Personnaliser la configuration

Vous pouvez personnaliser le rapport d’erreurs de votre application avec les options de configuration front-end. Voici un exemple de personnalisation de l’option namespace. 
 const appsignal = new Appsignal({
   key: "<YOUR FRONTEND API KEY>",
+  namespace: "frontend", // Configure the AppSignal namespace for front-end errors in this app
 });

​
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 : 
// 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
Après que votre application a chargé la bibliothèque JavaScript AppSignal, assurez-vous de suivre toutes les étapes du guide d’installation, en ajoutant des intégrations, des plugins, et personnalisez votre configuration.