The source code of most frontend web applications delivered to the browser are typically in a minified form which impacts how stacktraces appear on RUM error events. If this is the case for the web application that you are instrumenting with kloudfuse RUM you will need to configure and set up upload of sourcemaps.
There are two parts to this:
Configure sourcemap storage for the Kloudfuse installation
Configure your web applications build step to automatically upload sourcemaps
Step 1: Configure sourcemap storage for the Kloudfuse installation
Configure your kloudfuse platform as shown in the example below and uncomment the relevant section while replacing the appropriate configuration to match your environment depending on your cloud storage provider. The configuration has similar requirements to how the sessionReplayStorage
section is configured (see the Enable RUM on Customer’s Kloudfuse installation page):
global: rum: sourcemapStorage: # type: s3 # useSecret: true # secretName: "kfuse-rum-s3" # s3: # region: us-west-2 # bucket: rum-sourcemaps # type: azure # useSecret: true # secretName: "kfuse-rum-azure" # azure: # container: rum-sourcemaps # type: gcs # useSecret: true # secretName: "kfuse-rum-gcs" # gcs: # bucket: rum-sourcemaps
Step 2: Configure upload of sourcemaps to your Kloudfuse installation
When building your app for production, you’ll need to generate sourcemaps. This can typically be configured as part of the builder you’re using.
Kloudfuse provides a command line tool to upload your sourcemaps. It’s available as an NPM package and can be installed as follows:
$ npm install -D kf-cli
After building your sourcemaps, you can use kf-cli
from your npm project like so:
$ npx kf-cli sourcemaps upload \ --release-version <RELEASE_VERSION> \ --service <SERVICE> \ --minified-path-prefix <MINIFIED_PATH_PREFIX> \ --baseUrl <KF_CLUSTER_URL> \ <BUILD_DIRECTORY>
Example
$ npx kf-cli sourcemaps upload \ --release-version 1.0.1 \ --service my-web-app \ --minified-path-prefix \app \ --baseUrl https://kf.myapp.com \ ./build