🏃♀
Quick Start: To-Do App
We have prepared a sandbox environment for you to try Sidekick without Sign-up and installing any dependency. You can try it from here:
This example provides the steps to deploy a simple To-Do app with Docker and debug using Sidekick. It includes:
After completing this example, you'll have an up and running app that can be debugged with Sidekick.
Therefore, we have designed a tailored experience for you to understand how Sidekick works with a simple To-Do application.
.png?alt=media&token=188fde62-77b3-44ca-9745-46a23188cdf7)
We will use our demo-todo-app for this tutorial. You can fork it from here:
It's essential for Sidekick agents to know which branch/code you want to debug. By connecting your source code, you allow Sidekick to understand the correct source code and the correct tracepoint location.
Sidekick has only read-only access to your source code and never brings it to servers and keeps it in your browser.
Learn more about connecting your source code
Instrumenting ToDo app with Docker. For this step, Docker needs to be initialized on your system.
Download the Docker image using:
docker pull runsidekick/sidekick-demo-todo-app-java:latest
Run in your local:
docker run -e SIDEKICK_APIKEY=<YOUR-API-KEY> \
-e SIDEKICK_AGENT_BROKER_HOST=wss://broker.service.runsidekick.com -p 8080:8080 \
runsidekick/sidekick-demo-todo-app-java:latest
Learn more about instrumenting your own application:
Apps need to be selected to start debugging. When you click "Select Application For Me" you will be able to start debugging.
Sidekick will capture the snapshot when you add a task on To-Do app. For this purpose, you will open
ToDoServiceImpl.java file and add a tracepoint on 27th line. Right click on that line select Add Tracepoint. Then press the Add button to put your first tracepoint.
Your app needs to be up and running at
localhost:8080 Open your To-Do app and add a task. 
You will see the events generated when you add a task. In order to see events panel, click on a collected event.
Your snapshots events will be listed on the bottom panel and you can click the generated events.
You are all set!
Last modified 5mo ago