paint-brush
El poder de Sentry + Expo: Atrapa los errores antes de que piquen y potencia el éxito de tu empresa emergentepor@agrittiwari
1,449 lecturas
1,449 lecturas

El poder de Sentry + Expo: Atrapa los errores antes de que piquen y potencia el éxito de tu empresa emergente

por agrit4204m2023/06/01
Read on Terminal Reader

Demasiado Largo; Para Leer

Expo es una herramienta disponible para crear aplicaciones multiplataforma utilizando una base de código única. Con el marco subyacente React Native, puede apuntar a la web, Android e iOS, todo al mismo tiempo. La integración de Sentry en su producto le permite recibir errores en tiempo real e informes de fallos.
featured image - El poder de Sentry + Expo: Atrapa los errores antes de que piquen y potencia el éxito de tu empresa emergente
agrit420 HackerNoon profile picture
0-item
1-item

El día normal de una startup hace malabarismos entre dos estados, a saber, el envío o la reparación.


Puede ver a cualquier desarrollador trabajando en cualquier momento (de día o de noche); por lo general, envían el código a producción siempre que sea funcional o arreglan el código en producción que enviaron después de marcarlo como funcional.


Es gracioso, pero esto es lo que hace que trabajar en una startup sea divertido.

Desarrolladores empujando función a Producción

Este blog destaca la ventaja de usar Sentry y Expo para llevar su código a producción rápidamente.


Usando Expo:

  • Expo es una herramienta disponible para crear aplicaciones multiplataforma utilizando una base de código única. Con el marco subyacente React Native, puede apuntar a la web, Android e iOS, todo al mismo tiempo. Lo que quiere una startup es la mayor cantidad de características impulsadas con la menor cantidad de costo. Y Expo es la parada de una solución.


  • La experiencia del desarrollador es extremadamente asombrosa y la mayor parte de la complejidad nativa está oculta bajo la capa Expo.


  • Simplemente puede comenzar su proyecto por

     npx create-expo-app hackernight cd hackernight


    Puede ejecutar npx expo prebuild para generar sus carpetas de código de compilación nativas. características fáciles de construir que dependen del código nativo, y también puede administrarlas a través de complementos de configuración.


    Este soporte solo se amplía con otra herramienta proporcionada por Expo que es EAS ( Expo Application Services) .


    Por lo tanto, tampoco tiene que preocuparse por administrar los lanzamientos de sus aplicaciones móviles. Puede administrar sus canalizaciones de implementación directamente desde su terminal.


    Puede crear canales/entornos como development , staging y production . Esto facilita la gestión de los lanzamientos de aplicaciones para las pruebas y el análisis de calidad en un entorno sin ataduras.

Usando Centinela

  • La integración de Sentry en su producto le permite recibir errores en tiempo real e informes de fallos. Puede usarlo para monitorear el rendimiento de sus métricas y eventos que desea optimizar.


  • Puede instalarlo en la aplicación por

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


  • Ahora debe inicializar Sentry SDK en su aplicación,
 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, });


Después de todo Siempre está rompiendo la producción.

Puede esperar tener el dúo de lucha a su disposición en su arsenal de inicio.


Hoy en día, las nuevas empresas de EXPO utilizan muchas características, una específicamente es la capacidad de escribir código una vez, ejecutarlo en todas partes y, en segundo lugar, administrar la canalización de CI/CD directamente desde su terminal a través de EAS.


Estoy trabajando en una startup, usando expo y Sentry integrado. Hemos enfrentado fallas en tiempo real, problemas, resuelto el error y enviado la solución literalmente en minutos gracias a nuestro dúo dinámico.

Así es como pudimos hacer lo que enfrentamos durante nuestra iteración rápida y los días de envío más rápidos.


  1. Sentry captura errores, excepciones, fallas, transacciones y, en general, cualquier cosa que salga mal en su aplicación en tiempo real. Antes de que nuestro usuario interno decida informar el error, recibimos una notificación al respecto con un informe detallado.

  2. Hay un seguimiento detallado de la pila en cada problema que enfrentó nuestro usuario. Mantiene el historial de todos los eventos que ocurrieron antes de que se rompiera el código real y envía los datos del evento a DSN

    Rastreo de pila

  3. Este tablero detallado nos ayuda a identificar la causa del error, lo depuramos, enviamos la solución y luego nos movemos para mejorar la depuración en la aplicación mediante la planificación de nuestro mapa de acción para errores futuros e imprevisibles.


  4. Hay una función llamada etiquetas, que brinda una idea visual detallada sobre el error (como máquina/dispositivo, versión del sistema operativo, versión de la API, versión de lanzamiento, entorno) y en el panel de control de Sentry se puede personalizar una etiqueta de los errores según el tipo de origen. , un error particularmente tiene.

    Depuración a través de etiquetas



Puede depurar el problema tan rápido como lo entienda. Los datos sobre el problema solo hacen que sea más rápido de resolver.

La depuración a través de Sentry es una excelente manera de comprender el funcionamiento interno de una pila que usamos y nos brinda la oportunidad de trabajar para mejorar nuestra comprensión de los conceptos de programación y nos ayuda a diseñar mejores sistemas. Esto ha ayudado significativamente a nuestra startup a tener arreglos rápidos e implementaciones más rápidas.