openobserve demo app quickstart

openobserve-quickstart.md

1. Setup openobserve

Run command below to get an openobserve executable in the current directory:

curl -L -o openobserve-ee-v0.40.4-darwin-arm64.tar.gz https://downloads.openobserve.ai/releases/o2-enterprise/v0.40.4/openobserve-ee-v0.40.4-darwin-arm64.tar.gz
tar -zxvf openobserve-ee-v0.40.4-darwin-arm64.tar.gz
with-env { ZO_ROOT_USER_EMAIL: "root@example.com", ZO_ROOT_USER_PASSWORD: "Complexpass#123" } { ./openobserve }

In browser:

1. open http://localhost:5080 and log in with above email and password
2. Click on Data Source tab -> Real User Monitoring -> Reset RUM Token, copy the token value for later use (save as $env.MY_RUM_TOKEN = "rumwu..." for programmatic use):

2. Setup demo user-portal-app

1. clone the demo app:

git clone https://github.com/openobserve/rum-demo openobserve-demo; cd openobserve-demo/user-portal-app
npm install

2. add our RUM token to src/App.js, either:

• edit the clientToken line manually
• Run search and replace with our MY_RUM_TOKEN envvar:

  sd "clientToken: ''" $"clientToken: '($env.MY_RUM_TOKEN)'" ./src/App.js

3. run npm start

In browser:

• navigate to http://localhost:3000/ and start generating events (toggling sliders, updating passwords, etc.), you should now start to see data show up in your local openobserve instance: