Start OpenObserve server locally

Start an OpenObserve server. Follow below steps for MacOS. For other platforms, follow the quick start guide here

curl -L https://raw.githubusercontent.com/openobserve/openobserve/main/download.sh | sh

ZO_ROOT_USER_EMAIL="root@example.com" ZO_ROOT_USER_PASSWORD="Complexpass#123" ./openobserve

Once the server is running, you can access the OpenObserve server at http://localhost:5080/

Start the app

Clone the repository:

git clone https://github.com/openobserve/sample-tracing-browser

Install the dependencies:

cd sample-tracing-browser
npm install

Get the credentials from the OpenObserve Data sources page for traces and update the document-load.js file with the server URL and the credentials.

Authorization: "Basic cm9vdEBleGFtcGxlLmNvbTpJWDBjZmZQdWliME15eXZH",

Run the front end app:

npx parcel index.html

Open the browser and navigate to http://localhost:1234/ to see the app running.

Check traces

Open the OpenObsere Traces UI at http://localhost:5080/web/traces to see the traces list.

Click on the trace to see the details.