Inspecting network requests

Your Storefront's client-side requests can be easily inspected using built-in browser developer tools. However, inspecting:

your Storefront's server-side requests,
your Server Middleware's requests to external services (e.g. e-commerce backends and Content Management Systems)

requires a dedicated tool for capturing HTTP traffic such as HTTP Toolkit.

Setup

Follow the steps below to install and configure HTTP Toolkit on your machine and use it with Alokai Storefront.

Download HTTP Toolkit

Go to the website to download and install HTTP Toolkit on your machine. Choose version suitable for your operating system (Windows, Linux, or macOS).

Using HTTP Toolkit on WSL2

WSL2 on Windows 11 has native support for GUI applications and there are no additional steps required. However, WSL2 on Windows 10 requires XServer to run applications with GUI.

Run HTTP Toolkit

Once downloaded and installed, run the HTTP toolkit binary/exec file.

./httptoolkit

Get setup command

Open the Intercept tab in HTTP Toolkit and select the Existing Terminal tab. It will provide you with a command for setting up HTTP Toolkit interception.

Selecting Existing Terminal interception option

Run setup command

Run the command obtained in the previous step in the terminal from which you will be starting your Alokai Storefront.

eval "$(curl -sS localhost:8001/setup)"

Start Storefront

Finally, start your Alokai Storefront from the same terminal window.

yarn store dev --store-id=<store-id> --turbo-option=--env-mode=loose

When using Alokai Multistore solution and running the Storefront using the Alokai CLI's store dev command, passing the --env-mode=loose Turbo option is required to make HTTP Toolkit work.

Now that you have HTTP Toolkit running and configured, you can start inspecting your Storefront's network requests.