Premiers pas avec Raygun aperçu et analyse des accidents pour les développeurs d'applications

Présentation de Raygun

Personne n'écrit volontairement des bogues dans leurs logiciels, mais avez-vous déjà pris en compte le nombre de problèmes dans vos applications logicielles dont vous n'êtes même pas au courant??

Avez-vous déjà reçu des demandes de support et avez-vous été incapable de reproduire un problème ou passez-vous des heures à parcourir les fichiers journaux pour rechercher les causes profondes des problèmes? Nous sommes tous passés par là et avons dû faire face à des problèmes inattendus dans notre base de code..

La photo n’est pas toujours claire sur la cause du problème, et votre équipe pourrait passer des heures à fouiller dans les journaux pour résoudre le problème..

Raygun propose des solutions à ce problème, avec une fenêtre en temps réel sur les performances de votre application pour vos clients, vous aidant à identifier en un tour de main les améliorations à apporter. De plus, Raygun offre des fonctionnalités de workflow pour collaborer avec vos collègues développeurs jusqu'au déploiement du correctif..

La plate-forme Raygun offre des outils de développement de logiciels essentiels qui vous permettent de surveiller de près vos applications Web et mobiles lorsque des problèmes surviennent. Offre du logiciel de rapport d'erreur et de rapport d'incident, qui aide à détecter, diagnostiquer et détruire toutes les exceptions rencontrées par vos utilisateurs, et d'un outil de surveillance des utilisateurs réels qui surveille chaque session utilisateur afin de détecter des éléments tels que le chargement lent des ressources, des scripts et des requêtes susceptibles de ralentir les performances de votre application. , Raygun couvre toutes les bases.

Aujourd’hui, nous examinerons plus en détail comment configurer Raygun pour la création de rapports d’erreur et de crash en temps réel pour vos applications, quels que soient le langage de programmation et la plate-forme que vous utilisez..

Si vous avez déjà cliqué "Ne pas envoyer" dans une boîte de dialogue de rapport d'incidents de système d'exploitation, vous savez que peu d'utilisateurs signalent activement les bogues - la plupart s'en vont simplement frustrés.

En fait, une étude réalisée par Compuware a révélé que seulement 16% des utilisateurs essayent une application qui tombe en panne plus de deux fois. Il est essentiel de savoir si votre logiciel plante pour vos utilisateurs. Raygun rend cela facile.

Avec seulement quelques lignes de code, vous pouvez intégrer Raygun à votre environnement de développement en quelques minutes. Raygun prend en charge tous les principaux langages de programmation et plates-formes. Il vous suffit donc de sélectionner le langage que vous souhaitez utiliser. Vous commencerez instantanément à recevoir des rapports d'erreurs et de blocages et pourrez étudier des informations de diagnostic et empiler des traces sur le tableau de bord Raygun.. 

Pour ce tutoriel, je vais vous montrer des exemples de suivi d'applications JavaScript telles que Ghost et WordPress basé sur PHP, mais Raygun fonctionne partout: front-end, back-end, Web et mobile..

En identifiant les problèmes pour vous et en vous indiquant exactement où chercher, Raygun vous aide à créer un logiciel plus fiable et plus en santé qui ravira vos utilisateurs et les incitera à revenir..

Plus important encore, Raygun est conçu pour les équipes et prend en charge les intégrations de logiciels destinés au lieu de travail, telles que le chat en équipe, par exemple. Slack and Hipchat, outils de gestion de projet, par exemple JIRA et Sprintly, et émettez des trackers, par ex. GitHub et Bitbucket. Raygun donne à votre équipe la tranquillité d'esprit: votre logiciel fonctionne comme vous le souhaitez..

Les notifications Slack en temps réel pour l'ensemble de votre équipe sont géniales lorsque vos clients rencontrent des bugs, des problèmes ou des plantages.!

Dans ce tutoriel, je vais vous expliquer pas à pas comment configurer votre application avec Raygun..

Si vous avez des demandes de futurs tutoriels ou des questions et commentaires sur ceux d'aujourd'hui, veuillez les poster ci-dessous. Vous pouvez aussi me joindre sur Twitter @lookaheadio ou Envoyez moi un email directement.

Commencer

L’une des fonctionnalités les plus puissantes de Raygun est qu’il fonctionne avec tous les principaux langages de programmation et plates-formes, et qu’il est incroyablement facile à intégrer. Il suffit de copier et coller le code dans votre application et Raygun commencera à surveiller les erreurs. Dans le cas de WordPress, ils fournissent un plugin pré-construit.

Intégration de Raygun à votre application

Après votre inscription, un bref assistant d’association Raygun vous sera présenté. Cela commence par la sélection de la langue de votre choix. Voici le tableau de bord initial que vous verrez:

Voici un exemple d'intégration à utiliser avec n'importe quel code ou plate-forme JavaScript.

Utilisation de Raygun avec JavaScript

Une fois que vous sélectionnez JavaScript, on vous montrera votre Clé API d'application (la clé est la même pour toutes les plateformes que vous choisissez et est spécifique à l'application). Pour chaque environnement ou langue que vous souhaitez surveiller, vous devez créer une application distincte pour organiser les erreurs en différents compartiments..

Raygun est facile à utiliser, quel que soit le système de gestion de paquets JavaScript que vous préférez:

Par exemple, avec Bower, exécutez:

bower installer raygun4js

Depuis NuGet, ouvrez la console et exécutez:

Paquet d'installation raygun4js

Mais vous pouvez aussi simplement charger la bibliothèque à partir du CDN de Raygun dans votre application:

Vous pouvez également télécharger la version de production abrégée ou la source de développement complet et l'intégrer à votre manière..

Pour commencer à détecter les exceptions dans votre application, appelez Raygun.init avec votre clé API, puis appelez attacher:

 

Si vous souhaitez configurer une application rapide basée sur JavaScript pour essayer Raygun, essayez également mon didacticiel Envato Tuts + de la plate-forme de blogging open-source Ghost..

Pour ce tutoriel, je vais utiliser Raygun avec un blog WordPress. Les erreurs PHP et JavaScript peuvent être détectées de cette manière..

Débogage avec WordPress

Pour installer Raygun pour WordPress, vous avez besoin du plugin Raygun WordPress:

Une fois le plugin installé, vous chargez le menu de configuration à partir du tableau de bord WordPress et fournissez votre clé API:

En moins d'une minute, vous constaterez que des erreurs ont été collectées dans votre tableau de bord Raygun. Sinon, cliquez sur le bouton Erreur de test d'envoi bouton pour en déclencher un.

Le tableau de bord de Raygun

Au départ, vous verrez un tableau de bord vide:

Mais une fois que vous avez choisi votre langue et intégré votre application, vous verrez un tableau de bord comme celui-ci - oh, les développeurs de thèmes - dans lequel Raygun m'a aidé à découvrir une pléthore de code de thème WordPress qui n'avait pas été mis à jour avec le dernières versions de PHP.

Suivi des erreurs lors de déploiements de code

Lorsque vous intégrez Raygun à vos outils de déploiement, il peut suivre les erreurs en fonction de versions spécifiques du logiciel fourni. Cela peut vous aider à identifier et à réparer rapidement et facilement les déploiements incorrects:

Vous trouverez des informations sur l'intégration de vos scripts de déploiement avec le marquage Raygun dans la documentation. Raygun fournit des guides pour travailler avec: Octopus Deploy, Bash, Powershell, Capistrano, Rake, Grunt, Atlassian Bamboo et FAKE - F # Make.

Gestion des états d'erreur Raygun

Raygun vous permet actuellement d'affecter des groupes d'erreur à l'un des cinq statuts. Ceux-ci sont:

  • actif
  • Résolu
  • Résolu dans la version x.xx
  • Ignoré
  • Ignoré de façon permanente

Lorsqu'une erreur est reçue pour la première fois, elle est attribuée à Actif et est visible dans le premier onglet. Vous pouvez ensuite prendre des mesures pour changer le statut..

Par exemple, dès que j'ai activé Raygun avec WordPress et découvert une pléthore de problèmes de compatibilité PHP liés à un thème, la file d'attente de mes courriels a commencé à se remplir, mais cela a été facilement résolu en demandant à Raygun de ne m'avertir que de nouveaux rapports..

Vous pouvez également filtrer et gérer facilement les problèmes par statut via l'interface. Par exemple, il serait facile de supprimer toutes les erreurs résolues dans WordPress version 4.3..

Erreur Raygun Vues détaillées

Lorsque vous cliquez sur des erreurs, Raygun vous montre leur vue détaillée avec trace de la pile et un récapitulatif des utilisateurs, navigateurs et périphériques concernés:

En mode de détail, Raygun vous permet également, à vous et à votre équipe, de commenter et de discuter de problèmes spécifiques:

Suivi utilisateur Raygun

Si vous implémentez le suivi des utilisateurs avec votre intégration Raygun, vous pouvez voir exactement quels utilisateurs authentifiés ont rencontré des erreurs spécifiques et à quelle fréquence:

Raygun offre une documentation simple pour lier les rapports d'erreur à l'utilisateur actuellement connecté. Voici un exemple pour JavaScript:

Par défaut, Raygun4JS attribue un ID anonyme unique à l'utilisateur actuel. Ceci est stocké sous forme de cookie. Si l'utilisateur actuel change, pour le réinitialiser et attribuer un nouvel identifiant, vous pouvez appeler:

Raygun.resetAnonymousUser ();

Pour désactiver le suivi des utilisateurs anonymes, appelez Raygun.init ('apikey', disableAnonymousUserTracking: true);.

Vous pouvez fournir des informations supplémentaires sur l'utilisateur actuellement connecté à Raygun en appelant: Raygun.setUser ('unique_user_identifier');.

Cette méthode utilise des paramètres supplémentaires utilisés lors de la génération de rapports sur les utilisateurs affectés. La signature complète de la méthode est:

setUser: fonction (utilisateur, isAnonymous, email, nom complet, prénom, uuid)

Gérer votre équipe

Raygun est construit autour des problèmes de suivi des équipes de développement. Dans la zone des paramètres, vous pouvez facilement ajouter des applications que vous suivez et inviter les membres de votre équipe à participer:

Comme mentionné ci-dessus, Raygun s'intègre facilement à d'autres outils d'équipe tels que le chat (Slack, Hipchat, etc.), la gestion de projet (JIRA, Sprintly, etc.) et les outils de suivi des problèmes (GitHub, Bitbucket, etc.)..

Support client utile

Le support Raygun est excellent. En plus de la documentation Web et des guides de bienvenue par courrier électronique, du personnel de soutien utile (comme Nick) est prêt à vous guider plus en profondeur dans le service. Les conseils et la disponibilité de Nick sont apparus alors que j'examinais le service:

L'API Raygun

Si vous souhaitez personnaliser ou personnaliser les déclencheurs d'événements, vous pouvez enregistrer des erreurs via l'API Raygun comme vous le souhaitez depuis votre application. Cela peut être utile pour les développeurs souhaitant intégrer la surveillance ou les rapports spécialisés dans leurs services ou faciliter le processus de développement..

Surveillance de l'utilisateur réel Raygun Pulse

Enfin, même si nous avons expliqué la configuration du logiciel Crash Reporting de Raygun ici, ajouter Pulse - Real User Monitoring est tout aussi facile lorsque vous ajoutez l'extrait de code Raygun..

Pulse vous fournit toutes les données de session d'utilisateurs "réels" lorsqu'ils interagissent avec vos applications. Ceci est bien plus puissant que les tests synthétiques traditionnels, car les données sont directement extraites du navigateur de l'utilisateur, vous permettant de voir comment le périphérique, le navigateur, le système d'exploitation, l'emplacement ou la vitesse de connexion unique de l'utilisateur ont affecté les performances de l'application. Les scripts, demandes et actifs problématiques peuvent être identifiés comme la cause de l'itinéraire et des optimisations sont apportées pour améliorer les performances globales de votre application..

Couple Pulse avec les données de rapport d'incident et vous disposez de tous les outils disponibles pour vous assurer que vos clients bénéficient d'une expérience utilisateur exceptionnelle..

En résumé

J'espère que vous avez trouvé Raygun facile à utiliser et utile pour vos besoins de développement. Pour récapituler, voici quelques-uns des principaux avantages du service:

  • Raygun fournit une vue d'ensemble complète des problèmes de l'ensemble de votre pile de développement. Le regroupement intelligent des erreurs vous permet d'identifier les problèmes les plus prioritaires au lieu de vous envoyer des notifications pour chaque erreur.
  • Raygun prend en charge tous les principaux langages de programmation et plates-formes. Chaque développeur peut l'utiliser. Le temps nécessaire aux développeurs est coûteux, alors arrêtez de perdre votre temps à chercher des bogues. Résoudre les problèmes plus rapidement et créer davantage de fonctionnalités!
  • Raygun est construit pour les équipes. Vous pouvez inviter un nombre illimité de membres d’équipe à votre compte, sans restrictions. Raygun vous aide à créer un flux de travail d’équipe pour la correction des bogues et fournit des notifications personnalisées et un résumé quotidien des événements d’erreur pour l’ensemble de votre équipe..
  • Pour les grandes entreprises, Raygun Enterprise peut fournir un support cloud ou la possibilité d'auto-héberger de manière sécurisée une version du service répondant à vos besoins..

Lorsque vous donnez votre chance à Raygun, veuillez nous faire part de vos questions et commentaires ci-dessous. Vous pouvez également me joindre sur Twitter @lookaheadio ou m'envoyer un email directement. Ou, si Raygun vous fait gagner beaucoup de temps tout de suite, vous pouvez parcourir ma page d'instructeurs Envato Tuts + pour lire les autres tutoriels que j'ai écrits..

Liens connexes

  • Site Web Raygun
  • Raygun Enterprise
  • Le plugin Raygun WordPress
  • Notification des erreurs d'exécution avec Raygun (Projet de code)