Step 1: Customer creates Session Replay S3 Bucket
Currently the RUM session recording can only store recordings in an S3 bucket. Have the customer create an S3 bucket for this purpose and share with you the following:
S3
accessKey
andsecretKey
(these will be used to create a secret on the customers kfuse cluster)S3
bucketName
andawsRegion
where the bucket exists
Step 2: Customer creates kfuse-rum-s3
secret on customers kfuse namespace
kubectl create secret generic kfuse-rum-s3 --from-literal=accessKey=<accessKey> --from-literal=secretKey='<secretKey>'
Step 3: Customize the customers environment yaml file to enable RUM
Incorporate the changes similar to PR that enables RUM on Playground and PR that enables RUM menu item on UI. Below is a verbal description of the change within these PRs:
Add a
global.rum
sectionrum: enabled: true # This is a list of names and UUIDs. The customer can generate any # UUID. The same UUID will need to be referenced in the Kfuse frontend SDK # initialization call. applications: - name: kf-frontend id: 944f6a58-dbc2-45ad-bf93-def505aaff62 # only S3 is currently supported sessionReplayStorage: type: s3 useSecret: true # Below secret name references the secret created earlier secretName: "kfuse-rum-s3" # Below references the bucket name and region that customer has # created for session replay storage s3: region: us-west-2 bucket: rum-session-replay-playground
To generate a UUID above you can run command line
uuidgen | tr 'A-Z' 'a-z'
Ensure RUM specific Kafka topics are listed in the customer YAML. You can use the configuration for the events stream as a reference for number of replicas and partitions. We have not done a performance evaluation for RUM so there is no proper guideline at the moment.
- name: kf_rum_session_replay_topic partitions: 3 replicationFactor: 2 - name: kf_rum_views_topic partitions: 3 replicationFactor: 2 - name: kf_rum_actions_topic partitions: 3 replicationFactor: 2 - name: kf_rum_resources_topic partitions: 3 replicationFactor: 2 - name: kf_rum_longtasks_topic partitions: 3 replicationFactor: 2 - name: kf_rum_errors_topic partitions: 3 replicationFactor: 2
TLS and Ingress configuration. RUM requires a public ingest endpoint that frontend browser applications will post data to. Ensure that the customer has defined the
tls
section and has a publichostname
. Ensure to enable external ingress and external traffic policy:tls: enabled: true host: playground.kloudfuse.io email: admin@kloudfuse.com clusterIssuer: playground-letsencrypt-prod ingress: controller: service: external: enabled: true externalTrafficPolicy: Local
Enable RUM under
ingester
:ingester: config: rum: enabled: true # you can ignore the datadog section below from the PR since # this is the default datadog: proxyToDatadogEnabled: false
Add parsing rules under
log-parser
to accept frontend logs. You can include these rules verbatim along with any existing rules the customer already hasEnable RUM under
ui
:ui: config: rum: enabled: true
That completes the cluster specific changes required. Upgrade the cluster with the above changes and ensure all pods are coming up.
Step 4: Customer instruments their frontend application
The Frontend SDK setup is documented here. Below is the guideline for how customer needs to supply the SDK initialization parameters:
applicationId: '<APPLICATION_ID>'
- this needs to match the application id defined above under the customer yamlglobal.rum.applications
sectionclientToken: '<CLIENT_TOKEN>'
- use the stringdummy
as a value (this is update we implement auth ingest for RUM and actually validate)site: '<SITE>'
- use empty stringproxy: '<KFUSE_RUM_ENDPOINT>'
- this needs to behttps://<customers-kfuse-hostname>/ddrumproxy
e.g. for the playground cluster this value will behttps://playground.kloudfuse.io/ddrumproxy
service: '<APPLICATION_NAME>'
- match the application name (should not contain any white-space e.g.kf-frontend
)env: 'production'
- whatever the customer wants (e.g. test or production or staging etc)version: '1.0.0'
- if the customer has a way to identify the version of their frontend application then that version string should come here. Otherwise just use a default like1.0.0
# recommend small number if site has many users sessionSampleRate: 100 # recommend true to get session capture and replay feature enableSessionRecording: true, # recommend true to get frontend logs into their kfuse cluster enableLogCollection: true,