• English日本語한국어
  • ログイン今すぐ開始

この機械翻訳は参考用に提供されます。

英語版と翻訳版に矛盾がある場合は、英語版が優先されます。詳細については、 を参照してください。

問題を作成する

Flutter アプリを監視する

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

Summary view of a flutter app in New Relic

one.newrelic.com > Mobile > (アプリを選択) > Summary: Flutter データを表示し、HTTP リクエストとエラーを追跡し、時間の経過に伴うアプリのパフォーマンスを監視します。

始める準備はできましたか?以下の手順に従ってください!

Flutter エージェントをインストールする

Step 1 of 5

要件を確認する

Flutter エージェントをインストールする前に、Flutter アプリが次のバージョン要件を満たしていることを確認してください。

Step 2 of 5

プロジェクトに Flutter エージェントを追加する

まず、Flutter エージェントを dart プロジェクトに追加する必要があります。 pubspec.yamlで、次を dependenciesに追加します。

dependencies:
newrelic_mobile: 0.0.1
Step 3 of 5

アプリケーション トークンをコピーします

アプリケーション トークンは、New Relic が Flutter アプリのデータを認証するために使用されます。

New Relic UI でアプリケーション トークンを表示およびコピーするには:

  1. one.newrelic.comにアクセスし、 [データを追加]をクリックし、 [モバイル]をクリックします。

  2. Flutter アプリを選択します。

  3. Settings > Application に移動し、表示された Application tokenをコピーします。

    このアプリケーション トークンは、次の手順で追加します。

Step 4 of 5

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 ネイティブ アプリの両方を監視している場合は、両方に個別のトークンを追加する必要があります。

Step 5 of 5

(Android のみ) Android アプリを構成する

Android ネイティブ アプリがある場合は、Android アプリに次の変更を加える必要があります。

  1. アプリの android/build.gradle ファイルに次の変更を追加します。

    buildscript {
    ...
    repositories {
    ...
    mavenCentral()
    }
    dependencies {
    ...
    classpath "com.newrelic.agent.android:agent-gradle-plugin:${latest_android_version}"
    }
    }
  2. newrelic プラグインを android/app/build.gradle ファイルの先頭に適用します。

    apply plugin: "com.android.application"
    apply plugin: 'newrelic' // <-- add this
  3. AndroidManifest.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 errorsHTTP 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 を使用して、カスタム イベントとメトリックを作成します。ここではいくつかの例を示します。

Copyright © 2023 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.