New Relic Flutter エージェントを使用して、Flutter アプリケーションを監視します。Dart エラーをキャプチャし、特定のネットワーク リクエストを追跡し、分散トレースを使用して処理された例外にドリルダウンし、カスタム追跡イベントとメトリックを作成して、エンド ユーザーのエクスペリエンスを完全にキャプチャします。

one.newrelic.com > Mobile > (アプリを選択) > Summary: Flutter データを表示し、HTTP リクエストとエラーを追跡し、時間の経過に伴うアプリのパフォーマンスを監視します。
始める準備はできましたか?以下の手順に従ってください!
Flutter エージェントをインストールする
要件を確認する
Flutter エージェントをインストールする前に、Flutter アプリが次のバージョン要件を満たしていることを確認してください。
フラッター 2.5.0 以降
Dart バージョン 2.16.2 以降、3.0.0 まで (3.0.0 を含まない)
Android ネイティブ アプリの場合:
Android API 24 以上
Android ネイティブの要件を参照してください
iOS ネイティブ アプリの場合:
iOS ネイティブの要件を参照してください
プロジェクトに Flutter エージェントを追加する
まず、Flutter エージェントを dart プロジェクトに追加する必要があります。 pubspec.yaml
で、次を dependencies
に追加します。
dependencies: newrelic_mobile: 0.0.1
アプリケーション トークンをコピーします
アプリケーション トークンは、New Relic が Flutter アプリのデータを認証するために使用されます。
New Relic UI でアプリケーション トークンを表示およびコピーするには:
one.newrelic.comにアクセスし、 [データを追加]をクリックし、 [モバイル]をクリックします。
Flutter アプリを選択します。
Settings > Application に移動し、表示された Application tokenをコピーします。
このアプリケーション トークンは、次の手順で追加します。
Flutter プロジェクトを構成する
Flutter プロジェクトで main.dart
を開き、次のコードを追加します。
import 'package:newrelic_mobile/newrelic_mobile.dart';
var appToken = "";
if (Platform.isAndroid) { appToken = "<android app token>"; // Replace with your application token copied from the New Relic UI. } else if (Platform.isIOS) { appToken = "<ios app token>"; // Replace with your application token copied from the New Relic UI. }
Config config = Config(accessToken: appToken,
//Android Specific // Optional: Enable or disable collection of event data. analyticsEventEnabled: true,
// Optional: Enable or disable reporting successful HTTP requests to the MobileRequest event type. networkErrorRequestEnabled: true,
// Optional: Enable or disable reporting network and HTTP request errors to the MobileRequestError event type. networkRequestEnabled: true,
// Optional: Enable or disable crash reporting. crashReportingEnabled: true,
// Optional: Enable or disable interaction tracing. Trace instrumentation still occurs, but no traces are harvested. This will disable default and custom interactions. interactionTracingEnabled: true,
// Optional: Enable or disable capture of HTTP response bodies for HTTP error traces and MobileRequestError events. httpResponseBodyCaptureEnabled: true,
// Optional: Enable or disable agent logging. loggingEnabled: true,
// iOS specific // Optional: Enable or disable automatic instrumentation of WebViews webViewInstrumentation: true,
//Optional: Enable or disable Print Statements as Analytics Events printStatementAsEventsEnabled : true,
// Optional: Enable or disable automatic instrumentation of HTTP Request httpInstrumentationEnabled:true );
NewrelicMobile.instance.start(config, () { runApp(MyApp()); });
class MyApp extends StatelessWidget { ....
アプリケーション トークン ( ステップ 3からコピーしたもの) を上記のコードの appToken = ""
に貼り付けたことを確認してください。Android ネイティブ アプリと iOS ネイティブ アプリの両方を監視している場合は、両方に個別のトークンを追加する必要があります。
(Android のみ) Android アプリを構成する
Android ネイティブ アプリがある場合は、Android アプリに次の変更を加える必要があります。
アプリの
android/build.gradle
ファイルに次の変更を追加します。buildscript {...repositories {...mavenCentral()}dependencies {...classpath "com.newrelic.agent.android:agent-gradle-plugin:${latest_android_version}"}}newrelic
プラグインをandroid/app/build.gradle
ファイルの先頭に適用します。apply plugin: "com.android.application"apply plugin: 'newrelic' // <-- add thisAndroidManifest.xml
ファイルにINTERNET
およびACCESS_NETWORK_STATE
権限を追加します。<uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />そして、あなたは完了です!5 分以内に New Relic でデータが表示されるようになります。
New Relic で Flutter アプリのデータを表示する
Flutter エージェントがデータを New Relic に送信するようになったので、次は New Relic でアプリ データを表示します。
one.newrelic.com > Mobile > (Flutter アプリを選択) > Summary に移動して、経時的なデータの要約を表示します。
Flutter エージェントを使用すると、クラッシュの追跡、HTTP リクエスト、処理された例外など、すべてのモバイル モニタリング機能にアクセスできます。詳細については、次の機能ページをご覧ください。
UI で欠落しているデータのトラブルシューティング
UI で HTTP データを見つけるのに問題がありますか?
問題
Flutter エージェントをインストールして 5 分以上待つと、 HTTP errors と HTTP requests UI ページに No HTTP data appears: 。
解決
5 分以上待っても HTTP データが表示されない場合は、Flutter アプリ内で HttpOverrides.global
をオーバーライドしていないことを確認してください。
Flutter ログデータのクエリ
New Relic は、Flutter ログをカスタム イベントとして保存します。次の NRQL クエリを使用して、これらのログをクエリし、それらのダッシュボードを構築できます。
SELECT * FROM Mobile Dart Console Events SINCE 30 MINUTES AGO
NRQLクエリの詳細については、 NRQLの概要を参照してください。
(オプション) Flutter エージェントのインストルメンテーションをカスタマイズする
これらのオプションの API 呼び出しを確認して、New Relic がデータを収集およびレポートする方法をさらにカスタマイズします。
iOS または Android SDK API を使用して、カスタム イベントとメトリックを作成します。ここではいくつかの例を示します。