Configuração do AppSignal para JavaScript

Configurando o AppSignal

Para configurar o AppSignal para JavaScript no front-end, recomendamos criar um arquivo appsignal.js com a configuração do AppSignal no diretório raiz do seu projeto ou no diretório src. Em seguida, faça require ou import do arquivo de configuração no código da sua aplicação antes de qualquer outro pacote ser requerido ou importado. No exemplo abaixo, há um arquivo appsignal.js na raiz do diretório da aplicação. Na linha 8, adicionamos a opção de configuração 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 };

Personalizar a configuração

Você pode personalizar o relatório de erros da sua aplicação com as opções de configuração do front-end. Veja um exemplo de como a opção namespace é personalizada.

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

Requerer a configuração do AppSignal

Quando terminar a configuração da sua aplicação, faça require do arquivo appsignal.js bem no topo do arquivo principal da sua aplicação, como no exemplo abaixo:

// 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

Depois que sua aplicação carregar a biblioteca JavaScript do AppSignal, certifique-se de seguir todos os passos do guia de instalação, adicionando integrações, adicionando plugins e personalizando sua configuração.

Instalando o AppSignal para JavaScript

Opções de configuração do AppSignal para JavaScript

⌘I

AppSignal para Ruby

AppSignal para Elixir

AppSignal para Node.js

AppSignal para front-end

AppSignal para Python

AppSignal para Go

AppSignal para Java

AppSignal para PHP

OpenTelemetry

Wrap

Collector

Agente standalone

Configuração do AppSignal para JavaScript

Configurando o AppSignal

Personalizar a configuração

Requerer a configuração do AppSignal

​Configurando o AppSignal

​Personalizar a configuração

​Requerer a configuração do AppSignal

Configurando o AppSignal

Personalizar a configuração

Requerer a configuração do AppSignal