paint-brush
Power of Sentry + Expo: pegue bugs antes que mordam e potencialize o sucesso de sua startuppor@agrittiwari
1,449 leituras
1,449 leituras

Power of Sentry + Expo: pegue bugs antes que mordam e potencialize o sucesso de sua startup

por agrit4204m2023/06/01
Read on Terminal Reader

Muito longo; Para ler

Expo é uma ferramenta disponível para criar aplicativos de plataforma cruzada usando uma única base de código. Com a estrutura subjacente React Native, você pode segmentar Web, Android e iOS, tudo ao mesmo tempo. A integração do Sentry em seu produto permite que você receba erros e relatórios de falhas em tempo real.
featured image - Power of Sentry + Expo: pegue bugs antes que mordam e potencialize o sucesso de sua startup
agrit420 HackerNoon profile picture
0-item
1-item

O dia normal de uma startup faz malabarismos entre dois estados, ou seja, remessa ou conserto.


Você pode pegar qualquer desenvolvedor trabalhando a qualquer hora (dia ou noite), eles geralmente estão enviando código para produção, desde que seja funcional ou consertando o código em produção que eles enviaram após marcá-lo como funcional.


É engraçado, mas é isso que torna divertido trabalhar em uma startup.

Devs empurrando recurso para Produção

Este blog destaca a vantagem de usar sentry e Expo para enviar seu código para produção rapidamente.


Usando Expo:

  • Expo é uma ferramenta disponível para criar aplicativos de plataforma cruzada usando uma única base de código. Com a estrutura subjacente React Native, você pode segmentar Web, Android e iOS, tudo ao mesmo tempo. O que uma startup deseja é o máximo de recursos empurrados com o menor custo possível. E Expo é a parada de uma solução.


  • A experiência do desenvolvedor é extremamente incrível e a complexidade mais nativa está oculta na camada Expo.


  • Você pode simplesmente iniciar seu projeto

     npx create-expo-app hackernight cd hackernight


    Você pode executar npx expo prebuild para gerar suas pastas de código de compilação nativas. fácil de construir recursos dependentes do código nativo, e você também pode gerenciá-lo por meio de plug-ins de configuração.


    Este suporte é estendido apenas por outra ferramenta fornecida pela Expo é o EAS ( Expo Application Services) .


    Portanto, você também não precisa se preocupar em gerenciar lançamentos para seus aplicativos móveis. Você pode gerenciar seus pipelines de implantação diretamente do seu terminal.


    Você pode criar canais/ambientes como development , staging e production . Isso facilita o gerenciamento dos lançamentos de aplicativos para testes e análises de qualidade em um ambiente sem restrições.

Usando Sentinela

  • A integração do Sentry em seu produto permite que você receba erros e relatórios de falhas em tempo real. Você pode usá-lo para monitorar o desempenho de suas métricas e eventos que deseja otimizar.


  • Você pode instalá-lo no aplicativo por

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


  • Agora você tem que inicializar o Sentry SDK em seu aplicativo,
 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, });


Afinal Está sempre quebrando a produção

Você pode esperar ter a dupla de lutadores à sua disposição em seu arsenal inicial.


Existem muitos recursos que as startups EXPO usam hoje, um especificamente é a capacidade de escrever código uma vez, executar em qualquer lugar e, em segundo lugar, gerenciar o pipeline de CI/CD diretamente do seu terminal via EAS


Estou trabalhando em uma startup, usando expo e Sentry integrado. Enfrentamos falhas e problemas em tempo real, resolvemos o bug e enviamos a solução literalmente em minutos por causa de nossa dupla dinâmica.

Aqui está como fomos capazes de fazer isso durante nossa iteração rápida e dias de remessa mais rápidos.


  1. O Sentry captura erros, exceções, falhas, transações e geralmente qualquer coisa que dê errado em seu aplicativo em tempo real. Antes que nosso usuário interno decida relatar o bug, recebemos a notificação sobre isso com um relatório detalhado.

  2. Há rastreamento de pilha detalhado em todos os problemas que nosso usuário enfrentou. Ele mantém o histórico de todos os eventos ocorridos antes da quebra de código real e envia os dados do evento para o DSN

    Rastreamento de pilha

  3. Este painel detalhado nos ajuda a identificar a causa do erro, nós o depuramos, enviamos a solução e, em seguida, avançamos para melhorar a depuração no aplicativo, planejando nosso mapa de ação para erros futuros e imprevisíveis.


  4. Existe um recurso chamado tags, que fornece uma ideia visual detalhada sobre o bug (como máquina/dispositivo, versão do sistema operacional, versão da API, versão de lançamento, ambiente) e no painel do Sentry é possível personalizar uma tag dos erros com base no tipo de origem , um erro particularmente tem.

    Depurar por meio de tags



Você pode depurar o problema tão rápido quanto você o entender. Os dados sobre o problema apenas tornam a solução mais rápida.

A depuração via Sentry é uma ótima maneira de entender as partes internas de uma pilha que usamos e nos dá a oportunidade de trabalhar para melhorar nosso entendimento sobre os conceitos de programação e nos ajuda a projetar sistemas melhores. Isso ajudou significativamente nossa startup a ter correções rápidas e implantações mais rápidas.