0
107
ViewsApplication Insights Developer Mode For React Project
Is there a way to enable developer mode in Application Insights for a react project. Looking at these docs and this previously asked question I've setup my config to look like this
if(process.env.NODE_ENV === 'development')
{
config = {
instrumentationKey: process.env.REACT_APP_AI_INSTRUMENTATION_KEY,
extensions: [reactPlugin, clickPlugin],
extensionConfig: {
[clickPlugin.identifier]: clickPluginConfig,
reactPlugin: {history: browserHistory}
},
// send telemetry immediately
maxBatchInterval: 0,
maxBatchSizeInBytes: 0,
loggingLevelConsole: 2 // log internal app insights errors to console
}
}
I expect that while running my project locally, telemetry will be sent to the portal much faster but there's still at least 10 minute delay between when I perform an action and when it appears in the Application Insights portal.
The developer mode docs specify Node.js runtime for javascript implementation. To be honest, I'm not sure what runtime a Create-React-App application uses, although I do believe it is Node.js.
1 answers
Answer question0
Yes! Node.js provides a (server-side) runtime environment to execute JavaScript code from outside a browser. NPM, the Node package manager is used for managing and sharing the packages for either React or Angular.
DeveloperMode simply means that the SDK channel does not store any telemetry items in memory. Regular behavior is telemetry is buffered in memory, and once every 30 secs or when buffer has 500 items, they get pushed to backend. Developer mode simply causes every item to be sent without buffering.
Telemetry is typically viewable in the Azure portal in 3-10 minutes (based on backend / indexing / etc delays).
(The intent behind developer mode is to directly display data locally. that is, Visual Studio itself displays telemetry while debugging. This developer does not need to be explicitly activated. Adding a debugger will activate developer mode automatically)
If your application contains Aggregated data takes about 5-10 minutes to appear. Also when we are experiencing a processing delay we display a banner on the Overview page in Application Insights in the portal.
Also like,
If the application is delayed more than 10 minutes, it might be issue with the processing pipeline or a detection problem on our side due to some glitch in configuration.
Update:
To get more control regarding MaxBatchSize and delay, you should initialize a new TelemetryConfiguration object and use it to create a client:
import "time"
import "github.com/microsoft/ApplicationInsights-Go/appinsights"
func main() {
telemetryConfig := appinsights.NewTelemetryConfiguration("<instrumentation key>")
// Configure how many items can be sent in one call to the data collector:
telemetryConfig.MaxBatchSize = 8192
// Configure the maximum delay before sending queued telemetry:
telemetryConfig.MaxBatchInterval = 2 * time.Second
client := appinsights.NewTelemetryClientFromConfig(telemetryConfig)
}
For more information, refer here