paint-brush
Sentry + Expo の力: 虫に刺される前に虫を捕まえ、スタートアップの成功を加速させます@agrittiwari
1,449 測定値
1,449 測定値

Sentry + Expo の力: 虫に刺される前に虫を捕まえ、スタートアップの成功を加速させます

agrit4204m2023/06/01
Read on Terminal Reader

長すぎる; 読むには

Expo は、単一のコードベースを使用してクロスプラットフォーム アプリケーションを構築するために利用できるツールです。基盤となるフレームワーク React Native を使用すると、Web、Android、iOS をすべて同時にターゲットにすることができます。 Sentry を製品に統合すると、リアルタイムのエラーとクラッシュ レポートを受信できるようになります。
featured image - Sentry + Expo の力: 虫に刺される前に虫を捕まえ、スタートアップの成功を加速させます
agrit420 HackerNoon profile picture
0-item
1-item

スタートアップの通常の 1 日は、出荷と修理という 2 つの状態を行き来します。


いつでも (昼夜を問わず) 作業している開発者を見つけることができます。開発者は通常、機能している限りコードを本番環境にプッシュするか、機能しているとマークした後に出荷した本番環境のコードを修正しています。


面白いことですが、これがスタートアップで働くことの楽しさなのです。

開発者が機能を本番環境にプッシュ

このブログでは、Sentry と Expo を使用してコードを本番環境に迅速にプッシュする利点を強調します。


Expo の使用:

  • Expo は、単一のコードベースを使用してクロスプラットフォーム アプリケーションを構築するために利用できるツールです。基礎となるフレームワーク React Native を使用すると、Web、Android、iOS をすべて同時にターゲットにすることができます。スタートアップが望むのは、最小限のコストで最大限の機能をプッシュすることです。そして、Expo はその解決策の 1 つの拠点です。


  • 開発者のエクスペリエンスは非常に素晴らしく、最もネイティブな複雑さは Expo レイヤーの下に隠されています。


  • 次の方法でプロジェクトを開始できます。

     npx create-expo-app hackernight cd hackernight


    npx expo prebuild実行して、ネイティブ ビルド コード フォルダーを生成できます。ネイティブ コードに依存する機能を簡単に構築でき、構成プラグインを介して管理することもできます。


    このサポートは、Expo が提供する別のツールであるEAS ( Expo Application Services)によってのみ拡張されます。


    そのため、モバイル アプリのリリース管理についても心配する必要はありません。デプロイメント パイプラインをターミナルから直接管理できます。


    development stagingproductionなどのチャネル/環境を作成できます。これにより、制約のない環境でのテストと品質分析のためのアプリのリリースの管理が容易になります。

セントリーの使用

  • Sentry を製品に統合すると、リアルタイムのエラーとクラッシュ レポートを受信できるようになります。これを使用して、最適化したいオーバーメトリクスやイベントのパフォーマンスを監視できます。


  • アプリにインストールするには、

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


  • 次に、アプリで Sentry SDK を初期化する必要があります。
 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, });


結局常に革新的なプロダクション

あなたのスタートアップの武器庫で、この戦闘デュオを自由に使えるようにすることが期待できます。


今日のEXPOスタートアップには多くの機能が使用されています。具体的には、コードを一度記述すればどこでも実行できる機能、もう 1 つは、 EAS経由でターミナルから直接 CI/CD パイプラインを管理できる機能です。


私はスタートアップで働いており、expo と統合された Sentry を使用しています。私たちはダイナミックなデュオのおかげで、リアルタイムのクラッシュや問題に直面し、バグを解決し、文字通り数分でソリューションを出荷することができました。

これは、私たちが迅速なイテレーションとより迅速な出荷の日々の間に直面した、どのようにしてこれを実現できたかです。


  1. Sentry は、エラー、例外、クラッシュ、トランザクション、および一般的にアプリケーションで問題が発生したすべてのものをリアルタイムでキャプチャします。内部ユーザーがバグの報告を決定する前に、詳細なレポートとともにバグに関する通知が届きます。

  2. ユーザーが直面したすべての問題について、詳細なスタック トレースが存在します。実際のコードが中断される前に発生したすべてのイベントの履歴を保持し、イベント データを DSN に送信します。

    スタックトレース

  3. この詳細なダッシュボードは、エラーの原因を特定し、デバッグしてソリューションを出荷し、将来の予測不可能なバグに備えたアクションマップを計画することで、アプリのデバッグを改善するのに役立ちます。


  4. タグと呼ばれる機能があり、バグに関する詳細な視覚的アイデア (マシン/デバイス、OS バージョン、API バージョン、リリース バージョン、環境など) を提供し、Sentry ダッシュボードで発生元のタイプに基づいてエラーのタグをカスタマイズできます。 、特にエラーがあります。

    タグによるデバッグ



問題を理解すればすぐにデバッグできます。問題に関するデータは、解決をより速くするだけです。

Sentry によるデバッグは、使用するスタックの内部を理解するための優れた方法であり、プログラミングの概念についての理解を向上させる機会を与え、より良いシステムを設計するのに役立ちます。これは、私たちのスタートアップが迅速な修正と迅速なデプロイメントを行うのに大きく役立ちました。