Requestly Integration with BrowserStack App Live

Learn how to use Requestly with BrowserStack App Live to inspect and modify network requests by configuring BrowserStack Local and system proxy settings.

Prerequisite

1. Download Requestly Desktop app
2. You will also need your browser stack access key.
   1. Go to your browser stack account’s settings page - https://www.browserstack.com/accounts/settings
   2. Under the product section you should see an Access Key under the Local Testing section

Next you will need to setup the BrowserStackLocal App

Setup BrowserStackLocal

Setup BrowserStack Local

1. Download the BrowserStackLocal App

2. Start the Local App

3. Open the Local dashboard at http://localhost:45454/

4. Under Tunnel Settings, set the ip and port as shown in the Requestly dashboard

   

5. Enable the Force Local option.

   

6. Click Show More and enable Force Proxy and MITM Proxy options.

   

7. Scroll to the top and click Update Command to apply the settings.

BrowserStack Local Binary

1. Download BrowserStackLocal Binary.

2. Open command-prompt/terminal and run the following command.

    ./<BrowserStackLocal binary path> --key <your access key> --local-proxy-host <proxy_ip_in_requestly> --local-proxy-port <proxy_port_in_requestly> --force-proxy --force-local
   

3. ensure to replace the access key , proxy_ip and proxy_port

Start an App Live session

1. Log in to the App Live dashboard.

   

2. Verify that Force Local is On.

   

3. In Devtools, click the Network tab, and select the Enable for all traffic option. Click Apply.

   

You should now be able to see all the requests from your app session running inside browserstack. You can also modify these requests using Requestly Rules and see them take effect inside the App Live session.