Demarrage rapide

Integrez Error Explorer en 3 etapes simples

1

Installation du bundle

Terminal

composer require error-explorer/symfony-sdk

2

Configuration

config/packages/error_reporter.yaml

# config/packages/error_reporter.yaml

error_reporter:

webhook_url: '%env(ERROR_WEBHOOK_URL)%'

token: '%env(ERROR_WEBHOOK_TOKEN)%'

project_name: '%env(PROJECT_NAME)%'

enabled: '%env(bool:ERROR_REPORTING_ENABLED)%'

ignore_exceptions:

- 'Symfony\Component\Security\Core\Exception\AccessDeniedException'

- 'Symfony\Component\HttpKernel\Exception\NotFoundHttpException'

# For Symfony 4.4/5.x compatibility, you may need to adjust the env processor syntax:

# enabled: '%env(resolve:default:true:bool:ERROR_REPORTING_ENABLED)%'

3

Variables d'environnement

.env

# .env

ERROR_WEBHOOK_URL=https://error-explorer.com/webhook/your-token

ERROR_WEBHOOK_TOKEN=your-unique-project-token

PROJECT_NAME="My Symfony App"

ERROR_REPORTING_ENABLED=true

✓

Terminé !

Toutes vos erreurs sont maintenant automatiquement capturées et envoyées à Error Explorer.

1

Installation du package

Terminal

composer require error-explorer/laravel-sdk

2

Publication de la configuration

Terminal

php artisan vendor:publish --tag=error-explorer-config

3

Configuration .env

.env

ERROR_WEBHOOK_URL=https://error-explorer.com/webhook/your-token

ERROR_WEBHOOK_TOKEN=your-unique-project-token

ERROR_PROJECT_NAME='My Laravel App'

ERROR_REPORTING_ENABLED=true

✓

Terminé !

Laravel va maintenant envoyer automatiquement toutes les exceptions à Error Explorer.

1

Installation du SDK Vue.js

Terminal

npm install @error-explorer/vue

# ou

yarn add @error-explorer/vue

2

Configuration du Plugin Vue 3

main.js

import { createApp } from 'vue';

import { createErrorExplorerPlugin } from '@error-explorer/vue';

import App from './App.vue';

const app = createApp(App);

app.use(createErrorExplorerPlugin({

token: 'ee_votre_token_ici',

environment: 'production',

project: 'my-vue-app',

}));

app.mount('#app');

3

Utilisation avec Composition API

MyComponent.vue

✓

Excellent !

Vue.js capture maintenant automatiquement les erreurs avec Composition API, Options API, breadcrumbs et suivi de navigation.

1

Installation du package

Terminal

npm install @error-explorer/react

# ou

yarn add @error-explorer/react

2

Configuration du Provider

src/index.jsx

import React from 'react';

import { ErrorExplorerProvider } from '@error-explorer/react';

import App from './App';

function Root() {

return (

options={{

token: 'ee_votre_token_ici',

environment: 'production',

project: 'my-react-app',

}}

>

);

}

3

Error Boundary et Hooks

src/components/MyComponent.jsx

import { ErrorBoundary, useErrorExplorer } from '@error-explorer/react';

function MyComponent() {

const { captureException, addBreadcrumb } = useErrorExplorer();

const handleClick = async () => {

try {

addBreadcrumb({ type: 'user', message: 'Button clicked' });

await riskyOperation();

} catch (error) {

captureException(error, { extra: { context: 'button_click' } });

}

};

return (

Une erreur est survenue

}>

);

}

✓

Excellent !

React capture maintenant automatiquement les erreurs avec Error Boundaries, hooks et breadcrumbs.

1

Installation du package

Terminal

npm install @error-explorer/node

# ou

yarn add @error-explorer/node

2

Initialisation

app.js

import { ErrorExplorer } from '@error-explorer/node';

ErrorExplorer.init({

token: 'ee_votre_token_ici',

environment: process.env.NODE_ENV || 'development',

project: 'my-node-app',

});

3

Intégration Express.js

server.js

import express from 'express';

import { ErrorExplorer, requestHandler, errorHandler } from '@error-explorer/node';

ErrorExplorer.init({ token: 'ee_votre_token_ici' });

const app = express();

// Le requestHandler doit être le premier middleware

app.use(requestHandler());

// Vos routes ici

app.get('/', (req, res) => res.send('Hello'));

// L'errorHandler doit être après toutes les routes

app.use(errorHandler());

app.listen(3000);

4

Capture manuelle

your-route.js

import { ErrorExplorer } from '@error-explorer/node';

app.post('/api/submit', async (req, res) => {

try {

ErrorExplorer.addBreadcrumb({ type: 'user', message: 'Form submitted' });

await processForm(req.body);

res.json({ success: true });

} catch (error) {

ErrorExplorer.captureException(error, {

user: { id: req.user?.id },

extra: { route: req.path }

});

res.status(500).json({ error: 'Internal error' });

}

});

✓

Excellent !

Node.js capture maintenant automatiquement toutes les exceptions non gérées, promesses rejetées et erreurs Express avec breadcrumbs contextuels.

1

Installation du package

Terminal

pip install error-explorer

# ou

poetry add error-explorer

2

Configuration de base

main.py

import error_explorer

# Initialiser Error Explorer

error_explorer.init(

webhook_url='https://error-explorer.com/webhook/your-token',

project_name='my-python-app',

environment='production',

auto_capture=True,

max_breadcrumbs=50,

enable_performance_monitoring=True

)

3

Utilisation manuelle

your_module.py

import error_explorer

def process_data(data):

try:

error_explorer.add_breadcrumb('Processing started', {'data_size': len(data)})

result = risky_operation(data)

return result

except Exception as e:

error_explorer.capture_exception(e, {

'extra': {'data_type': type(data).__name__},

'user': {'id': get_current_user_id()}

})

raise

4

Intégration Flask/Django

app.py (Flask) ou settings.py (Django)

# Pour Flask

from flask import Flask

import error_explorer

app = Flask(__name__)

error_explorer.init_flask(app)

# Pour Django - Ajouter dans INSTALLED_APPS:

INSTALLED_APPS = [

# ... vos autres apps

'error_explorer.contrib.django',

]

✓

Parfait !

Python capture maintenant automatiquement toutes les exceptions avec breadcrumbs contextuels et intégration native Flask/Django.

1

Installation via Composer

Terminal

composer require error-explorer/php-sdk

2

Configuration rapide

bootstrap.php ou config.php

require_once 'vendor/autoload.php';

use ErrorExplorer\ErrorExplorer;

// Initialiser Error Explorer

ErrorExplorer::init([

'webhook_url' => 'https://error-explorer.com/webhook/your-token',

'project_name' => 'my-php-app',

'environment' => $_ENV['APP_ENV'] ?? 'production',

'auto_capture' => true,

'max_breadcrumbs' => 50,

'capture_sql_queries' => true

]);

3

Utilisation manuelle

your-script.php

use ErrorExplorer\ErrorExplorer;

function processData(array $data): array

{

try {

ErrorExplorer::addBreadcrumb('Processing started', ['data_size' => count($data)]);

$result = riskyOperation($data);

return $result;

} catch (Exception $e) {

ErrorExplorer::captureException($e, [

'extra' => ['data_type' => gettype($data)],

'user' => ['id' => getCurrentUserId()]

]);

throw $e;

}

}

4

Messages personnalisés

logging.php

// Capturer des messages personnalisés

ErrorExplorer::captureMessage('Something happened', 'info');

// Ajouter des breadcrumbs

ErrorExplorer::addBreadcrumb('User action', ['action' => 'button_click']);

// Définir le contexte utilisateur

ErrorExplorer::setUser([

'id' => 123,

'email' => 'user@example.com',

'role' => 'admin'

]);

✓

Parfait !

PHP capture maintenant automatiquement toutes les erreurs fatales, exceptions et warnings avec contexte complet.

Toutes les integrations disponibles

Explorez notre catalogue complet d'integrations pour tous vos besoins de developpement

Symfony

Symfony Disponible

Backend
5min Debutant
Laravel

Laravel Disponible

Backend
5min Debutant
WordPress

WordPress Bientot disponible

CMS
5min Debutant
Vue.js

Vue.js Disponible

Frontend
3min Debutant
React

React Disponible

Frontend
3min Debutant
Angular

Angular Bientot disponible

Frontend
8min Intermediaire
Node.js

Node.js Disponible

Backend
4min Debutant
Python

Python Disponible

Backend
4min Debutant
PHP Native

PHP Native Disponible

Backend
6min Intermediaire
Django

Django Disponible

Backend
5min Debutant
Flask

Flask Disponible

Backend
4min Debutant
FastAPI

FastAPI Disponible

Backend
5min Debutant
Express.js

Express.js Disponible

Backend
3min Debutant
NestJS

NestJS Bientot disponible

Backend
7min Intermediaire
Next.js

Next.js Bientot disponible

Frontend
5min Intermediaire
Nuxt.js

Nuxt.js Bientot disponible

Frontend
5min Intermediaire
Svelte

Svelte Bientot disponible

Frontend
3min Debutant
Flutter

Flutter Bientot disponible

Mobile
10min Intermediaire
React Native

React Native Bientot disponible

Mobile
8min Intermediaire
Ionic

Ionic Bientot disponible

Mobile
7min Intermediaire
Drupal

Drupal Bientot disponible

CMS
7min Intermediaire
PrestaShop

PrestaShop Bientot disponible

CMS
8min Intermediaire
Magento

Magento Bientot disponible

CMS
15min Avance
Shopify

Shopify Bientot disponible

CMS
5min Debutant
WooCommerce

WooCommerce Bientot disponible

CMS
5min Debutant
Go

Go Bientot disponible

Backend
4min Intermediaire
Spring Boot

Spring Boot Bientot disponible

Backend
6min Intermediaire
Ruby on Rails

Ruby on Rails Bientot disponible

Backend
5min Intermediaire