PostHog error tracking pour Angular

Cette skill vous aide à ajouter PostHog error tracking aux applications Angular.

Fichiers de référence

• references/angular.md - Installation du error tracking Angular - docs
• references/fingerprints.md - Fingerprints - docs
• references/alerts.md - Envoyer des alertes error tracking - docs
• references/monitoring.md - Surveiller et rechercher les issues - docs
• references/assigning-issues.md - Assigner les issues aux coéquipiers - docs
• references/upload-source-maps.md - Uploader les source maps - docs

Consultez la documentation pour les détails API et les patterns spécifiques au framework.

Principes clés

• Variables d'environnement : Utilisez toujours les variables d'environnement pour les clés PostHog et les URLs d'hôte. Ne les codez jamais en dur.
• Changements minimaux : Ajoutez le error tracking aux côtés de la gestion d'erreurs existante. Ne remplacez ni ne restructurez pas le code de gestion d'erreurs existant.
• Autocapture en premier : Activez l'autocapture d'exceptions dans l'initialisation du SDK avant d'ajouter des captures manuelles.
• Source maps : Uploadez les source maps pour que les stack traces se résolvent vers le code source d'origine, pas les bundles minifiés.
• Capture manuelle pour les limites : Utilisez captureException() au niveau des error boundaries et catch blocks pour les erreurs qui ne se propagent pas vers le gestionnaire global.

Directives du framework

• Utilisez inject() au lieu de l'injection dans le constructeur. Le service PostHog doit être injecté via inject() dans les composants/services qui en ont besoin.
• Créez un PosthogService dédié en tant que service racine singleton qui encapsule le SDK PostHog.
• Utilisez toujours les composants standalone plutôt que les NgModules.
• Configurez les credentials PostHog dans les fichiers src/environments/environment.ts, car Angular lit les variables d'environnement depuis ces fichiers de configuration