适用于 Application Insights JavaScript SDK 的 React Native 插件

适用于 Application Insights JavaScript SDK 的 React Native 插件收集设备信息。默认情况下此插件会自动收集以下信息:

  • 唯一设备 ID(也称为安装 ID。)
  • 设备型号名称(如 iPhone X、Samsung Galaxy Fold、Huawei P30 Pro 等。)
  • 设备类型(例如手持设备、平板电脑等。)

要求

必须使用等于或高于 2.0.0 版本的 @microsoft/applicationinsights-web。 此插件将仅在 react-native 应用中工作。 它将不使用使用 Expo 框架的应用,因此它无法与 Create React Native 应用一起使用。

入门

安装并链接 react-native-device-info 包。 使 react-native-device-info 包保持最新,以使用应用收集最新的设备名称。


npm install --save @microsoft/applicationinsights-react-native @microsoft/applicationinsights-web
npm install --save react-native-device-info
react-native link react-native-device-info

初始化插件

若要使用此插件,你需要构造该插件并将其作为 extension 添加到现有的 Application Insights 实例中。

import { ApplicationInsights } from '@microsoft/applicationinsights-web';
import { ReactNativePlugin } from '@microsoft/applicationinsights-react-native';

var RNPlugin = new ReactNativePlugin();
var appInsights = new ApplicationInsights({
    config: {
        instrumentationKey: 'YOUR_INSTRUMENTATION_KEY_GOES_HERE',
        extensions: [RNPlugin]
    }
});
appInsights.loadAppInsights();

后续步骤