# Recording from the UI

## Recording Requests

1. Visit the UI at [http://locahost:4200](http://locahost:4200/projects).

<figure><img src="https://3980092275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLvhXOE-py5MDUOXDKD%2Fuploads%2Fgit-blob-86c39ff88af340f4e8b6c49410a4ae60bd5544b4%2FScreen%20Shot%202023-04-05%20at%204.02.52%20PM.png?alt=media" alt=""><figcaption><p>Figure 1. Requests page with no recorded requests</p></figcaption></figure>

2. (Recommended) [Configure a scenario to record requests to](#scenario-configuration).
3. On the top left of the screen, click the **Run** button.

<div align="left"><img src="https://3980092275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLvhXOE-py5MDUOXDKD%2Fuploads%2Fgit-blob-9a306846a87d90b5448258cf00d9b252bf54a35e%2Frecord-button.png?alt=media" alt="Figure 2. Agent UI navigation menu" width="339"></div>

The figure below indicates that recording has started.

<div align="left"><img src="https://3980092275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLvhXOE-py5MDUOXDKD%2Fuploads%2Fgit-blob-e219617676df8e582f587204143265233f90d056%2FScreen%20Shot%202023-04-05%20at%204.14.45%20PM.png?alt=media" alt="Figure 3. Agent set to record requests" width="362"></div>

4. If the system proxy was [configured](https://docs.stoobly.com/guides/proxy-configuration) properly to forward requests to our agent, you should now see requests appear in the requests page! You can now:

* Open up a new browser tab and visit your favorite webpage.
* Alternatively you can also use any HTTP client tool to send a request such as with `cURL`.

![Figure 4. Requests page with one recorded request](https://3980092275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLvhXOE-py5MDUOXDKD%2Fuploads%2Fgit-blob-d3f57b804f00fbc566a573b001373cdd6788ffa6%2FScreen%20Shot%202023-04-05%20at%204.16.40%20PM.png?alt=media)

## Scenario Configuration

Recording to a scenario is not required, but highly recommended.

1. Visit <http://localhost:4200/agent/proxy-settings>.

<div align="left"><img src="https://3980092275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLvhXOE-py5MDUOXDKD%2Fuploads%2Fgit-blob-af3369a872fc01985375a4b91e023ae61e4f8b5f%2FScreen%20Shot%202023-04-05%20at%204.10.07%20PM.png?alt=media" alt="Figure 5. Record General Settings"></div>

2. Set **Source or Destination** to a scenario.

<figure><img src="https://3980092275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MLvhXOE-py5MDUOXDKD%2Fuploads%2Fgit-blob-8ef3d1a6d3f2487b57770ec869cfdd77fb664092%2FScreen%20Shot%202023-04-05%20at%204.26.55%20PM.png?alt=media" alt=""><figcaption><p>Figure 8. How to set the destination to your scenario</p></figcaption></figure>
