...
Konfiguration Client
Grundeinstellung
Die Konfiguration des Clients kann direkt über die Grundeinstellungen erfolgen. Der Konfigurations-Schlüssel ist Public:ApplicationInsight der Wert muss dem ConnectionString der Application Insights Instanz entsprechen. Dieser kann normalerweise direkt aus dem Portal von der Übersichtsseite kopiert werden.
Code
Wenn nicht in den Grundeinstellungen konfiguriert, dann kann Applications Insights auch im Code mit eingebunden werden.
In your index.ts add the following lines:
| Code Block |
|---|
import { ApplicationInsights } from '@microsoft/applicationinsights-web';
import { ReactPlugin } from '@microsoft/applicationinsights-react-js';
import { createBrowserHistory } from 'history';
try {
const browserHistory = createBrowserHistory({ basename: '' });
const reactPlugin = new ReactPlugin();
const appInsights = new ApplicationInsights({ config: {
connectionString: 'InstrumentationKey=...;IngestionEndpoint=...',
extensions: [reactPlugin],
extensionConfig: {
[reactPlugin.identifier]: { history: browserHistory }
}
} });
appInsights.loadAppInsights();
appInsights.trackPageView();
} catch {
// NOP
}
|
The connection string can be copied from the Azure Portal.
Resources
See here for the official documentation.
See here for the REACT extension.