paint-brush
Power of Sentry + Expo : Attrapez les bugs avant qu'ils ne mordent et boostez le succès de votre startuppar@agrittiwari
1,449 lectures
1,449 lectures

Power of Sentry + Expo : Attrapez les bugs avant qu'ils ne mordent et boostez le succès de votre startup

par agrit4204m2023/06/01
Read on Terminal Reader

Trop long; Pour lire

Expo est un outil disponible pour créer des applications multiplateformes à l'aide d'une seule base de code. Avec le framework sous-jacent React Native, vous pouvez cibler le Web, Android et iOS en même temps. L'intégration de Sentry dans votre produit vous permet de recevoir des rapports d'erreurs et de plantage en temps réel.
featured image - Power of Sentry + Expo : Attrapez les bugs avant qu'ils ne mordent et boostez le succès de votre startup
agrit420 HackerNoon profile picture
0-item
1-item

La journée normale d'une startup jongle entre deux états, à savoir l'expédition ou le fixage.


Vous pouvez attraper n'importe quel développeur travaillant à tout moment (jour ou nuit), ils poussent généralement le code en production tant qu'il est fonctionnel ou corrigent le code en production qu'ils ont expédié après l'avoir marqué comme fonctionnel.


C'est drôle, mais c'est ce qui rend le travail dans une startup amusant.

Les développeurs poussent la fonctionnalité vers la production

Ce blog met en évidence l'avantage d'utiliser Sentry et Expo pour mettre rapidement votre code en production.


Utilisation d'Expo :

  • Expo est un outil disponible pour créer des applications multiplateformes à l'aide d'une seule base de code. Avec le framework sous-jacent React Native, vous pouvez cibler le Web, Android et iOS en même temps. Ce qu'une startup veut, c'est la fonctionnalité la plus poussée avec le moins de coûts pour elle. Et Expo est la solution unique.


  • L'expérience de développement est extrêmement impressionnante et la complexité la plus native est cachée sous la couche Expo.


  • Vous pouvez simplement démarrer votre projet en

     npx create-expo-app hackernight cd hackernight


    Vous pouvez exécuter npx expo prebuild pour générer vos dossiers de code de build natif. facile à créer des fonctionnalités dépendant du code natif, et vous pouvez également le gérer via des plugins de configuration.


    Ce support n'est étendu que par un autre outil fourni par Expo qui est EAS ( Expo Application Services) .


    Vous n'avez donc pas à vous soucier de la gestion des versions de vos applications mobiles. Vous pouvez gérer vos pipelines de déploiement directement depuis votre terminal.


    Vous pouvez créer des canaux/environnements tels que development , staging et production . Cela facilite la gestion des versions de l'application pour les tests et l'analyse de la qualité dans un environnement sans conditions.

Utilisation de la sentinelle

  • L'intégration de Sentry dans votre produit vous permet de recevoir des rapports d'erreurs et de plantage en temps réel. Vous pouvez l'utiliser pour surveiller les performances de vos métriques et événements que vous souhaitez optimiser.


  • Vous pouvez l'installer dans l'application en

 npx expo install sentry-expo npx expo install expo-application expo-constants expo-device expo-updates @sentry/react-native


  • Vous devez maintenant initialiser Sentry SDK dans votre application,
 Sentry.init({ dsn: <_YOUR_DSN_HERE_>, enableInExpoDevelopment: true, debug: true, // If `true`, Sentry will try to print out useful debugging information if something goes wrong with sending the event. Set it to `false` in production autoSessionTracking: true, enableNative: true, });


Après tout Sa production toujours en rupture

Vous pouvez vous attendre à avoir le duo de combattants à votre disposition dans votre arsenal de démarrage.


Les startups EXPO utilisent aujourd'hui de nombreuses fonctionnalités, notamment la capacité d'écrire du code une fois, de l'exécuter partout et, deuxièmement, de gérer le pipeline CI/CD directement depuis votre terminal via EAS .


Je travaille dans une startup, j'utilise expo et Sentry intégré. Nous avons fait face à des plantages en temps réel, des problèmes, résolu le bogue et expédié la solution littéralement en quelques minutes grâce à notre duo dynamique.

Voici comment nous avons pu le faire lors de nos itérations rapides et de nos jours d'expédition plus rapides.


  1. Sentry capture les erreurs, les exceptions, les plantages, les transactions et généralement tout ce qui ne va pas dans votre application en temps réel. Avant que notre utilisateur interne ne décide de signaler le bogue, nous recevons une notification à ce sujet avec un rapport détaillé.

  2. Il existe une trace approfondie de la pile pour chaque problème rencontré par notre utilisateur. Il conserve l'historique de tous les événements qui se sont produits avant la rupture de code réelle et envoie les données d'événement au DSN

    Trace de la pile

  3. Ce tableau de bord détaillé nous aide à identifier la cause de l'erreur, nous la déboguons, expédions la solution, puis passons à l'amélioration du débogage sur l'application en planifiant notre plan d'action pour les bogues futurs et imprévisibles.


  4. Il existe une fonctionnalité appelée balises, qui donne une idée visuelle détaillée du bogue (comme la machine/appareil, la version du système d'exploitation, la version de l'API, la version de la version, l'environnement) et dans le tableau de bord Sentry, on peut personnaliser une balise les erreurs en fonction du type d'origine , une erreur a particulièrement.

    Déboguer via les balises



Vous pouvez déboguer le problème aussi vite que vous le comprenez. Les données sur le problème ne font que le rendre plus rapide à résoudre.

Le débogage via Sentry est un excellent moyen de comprendre les composants internes d'une pile que nous utilisons et nous donne l'opportunité de travailler à l'amélioration de notre compréhension des concepts de programmation et nous aide à concevoir de meilleurs systèmes. Cela a considérablement aidé notre startup à avoir des correctifs rapides et des déploiements plus rapides.