Installation par plateforme

Tout site web

Installation npm install @blipit/browser

Le SDK navigateur Blipit pèse 7 Ko. Il capture les erreurs non interceptées, les rejets de promesses non gérés et les requêtes échouées, conserve les clics et requêtes ayant mené à chaque erreur, enregistre les web vitals et peut enregistrer un session replay lorsqu'une erreur se produit. Installez-le depuis npm dans une application bundlée, ou déposez une balise script dans n'importe quelle page.

1Avec npm

Appelez init une fois, avant que le reste de votre code ne s'exécute. Utilisez la clé publique.

sh
npm install @blipit/browser
js
import * as Blipit from "@blipit/browser";

Blipit.init({
  key: "<public key>",
  environment: "production",
  release: "2026.09.28",
  replay: { onErrorSampleRate: 1 },
});

2Sans bundler : une balise script

Collez ceci dans le <head> de chaque page, ou dans l'emplacement de code personnalisé de votre plateforme.

html
<script src="https://blipit.io/sdk/blipit.js"></script>
<script>
  Blipit.init({ key: "<public key>", environment: "production", release: "2026.09.28", replay: { onErrorSampleRate: 1 } });
</script>

3Indiquer à Blipit qui est l'utilisateur (facultatif)

Après la connexion, attachez l'utilisateur pour que les problèmes indiquent qui a été touché et que les replays puissent être retrouvés par utilisateur.

js
Blipit.setUser({ id: "42", email: "ana@example.com" });

4Vérifier que ça fonctionne

Dans la console du navigateur sur votre site, exécutez la ligne ci-dessous. Ouvrez Problèmes dans app.blipit.io. Le premier événement apparaît en quelques secondes, regroupé en un problème, et les responsables reçoivent un e-mail.

js
Blipit.captureMessage("Hello from " + location.host, "info");

Bon à savoir

  • Options : sampleRate (0 à 1), ignoreErrors (chaînes ou motifs), beforeSend pour écarter ou modifier un événement, maxBreadcrumbs, webVitals (activé par défaut), autoSessionTracking pour les taux sans crash (nécessite release).
  • Les versions figées du script sont disponibles sur blipit.io/sdk/0.2.0/blipit.js si vous voulez contrôler les mises à jour.
  • Content Security Policy : autorisez https://in.blipit.io dans connect-src, et https://blipit.io dans script-src si vous utilisez la balise script.
  • Vous utilisez déjà un SDK Sentry dans le navigateur ? Il fonctionne sans modification : définissez le DSN sur https://<public key>@in.blipit.io/<project id>.

Bloqué ? Écrivez à support@blipit.io. Les clés et le DSN exact de chaque projet sont sous Clés API dans app.blipit.io.