Introduction

At times, mocking APIs can be a labor-intensive task, especially when faced with multiple endpoints to emulate. Let's consider a scenario: you have an existing application for which you want to mock existing endpoints. This would require you to scrutinize the server's API and mock each endpoint individually, checking the status codes returned, the body, accepted parameters, and so forth.

This is why we've developed a browser extension for Chrome. It allows you to monitor the requests made by the browser, and through a user-friendly interface, view these endpoints. You can then easily select the desired ones and add them to your project within seconds.

Install Chrome extension

Installing the Mockfly Chrome extension is straightforward, just like any other extension you might use. Visit the Google Chrome store to install the extension. Once installed, you'll notice a new tab labeled "Mockfly" within Chrome's developer tools.

How works

To begin adding endpoints to your project, visit any webpage with the developer tools open and the Mockfly tab selected. As you navigate, you'll observe the requests made by the browser. You have the option to filter these requests by method and URL, which makes finding specific domains or methods much more manageable.

How to add endpoints

After selecting the desired endpoints, you must have a project set up in Mockfly. For guidance on creating a project in Mockfly, refer to this section of the documentation.

You'll also need an account API key (mf_…). Create one at app.mockfly.dev/api-keys. The full key is only shown once, so copy it right away. It gives access to every project you are a member of, so keep it private and do not share it with unauthorized individuals.

In the Add to a project card of the Chrome extension, paste the key in the API key field and pick the project you want to add the endpoints to from the dropdown. Then check the requests you want and click on Add selected requests: they will be "automatically" incorporated into your project, and the extension tells you right below the button if any of them could not be added.

To confirm that everything has been set up correctly, navigate to your project and access the Endpoints section.