Plug-in do React Native para o SDK do JavaScript do Application Insights

O plug-in do React Native para o SDK do JavaScript do Application Insights coleta informações do dispositivo. Por padrão, ele coleta automaticamente:

  • ID exclusiva do dispositivo (também conhecida como ID de instalação).
  • Nome do modelo do dispositivo (como iPhone X, Samsung Galaxy Fold, Huawei P30 Pro etc.)
  • Tipo de dispositivo (por exemplo, celular, tablet etc.)

Requisitos

Você deve usar uma versão >= 2.0.0 do @microsoft/applicationinsights-web. Esse plug-in só funcionará em aplicativos react-native. Ele não funcionará com aplicativos que usam a estrutura Expo. Portanto, não funcionará com o Aplicativo Create React Native.

Introdução

Instale e vincule o pacote react-native-device-info. Mantenha o pacote react-native-device-info atualizado para coletar os nomes de dispositivo mais recentes usando seu aplicativo.


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

Inicialização do plug-in

Para usar esse plug-in, você precisa construí-lo e adicioná-lo como um extension à instância do Application Insights existente.

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();

Próximas etapas