Goal
What is the best way to find the exact API call made by your live website to Fusion?
Environment
Fusion (all versions)
Guide
The steps below use the Google Chrome browser, but note that the steps can be followed with any modern browser as well (Firefox, Safari, etc.). With other browsers, some menu options may have different names or be in different locations.
Steps
- Launch your browser then navigate to your website homepage
- Once you have reached the browser homepage, locate the vertical ellipses within the browser window on the top far right. Click the vertical ellipses to open the browser's options menu:
- Within the menu, locate the "More Tools" menu which is typically at the bottom of the menu page. Hover over the More Tools menu to see its options:
- Out of the list of option, select "Developer Tools":
- After selecting the Developer Tools option, the Developer Tools module will open within the browser window and next to your website landing page:
- If not already selected, select the "Network" tab at the top of the Developer Tools module window. This is the area where the data will be captured and you will be gathering your API call:
- Now on the website landing page, type your query term into your website's search bar. Note that during this step it is imperative that you do not start the actual search in an attempt to generate query results. Illustrated in this example the term will be "Beef":
- Back in the Developer Tools Module, you will observe the network tab recording the actions taken on the webpage.
- Once you have entered your term into the search bar you will need to locate the typehead request URL in the "Name" section of the Developer Tools Module. The correct URL will have typeahead and your query term in its text. For this example, you'll see the term "Beef" within the URL:
- When the URL has been located in the name section you are going to select the URL by clicking on it.
- On the right of the page, you will observe that the contents of the full API call will be detailed in the "Headers" tab within the "Request URL" section. A clear indicator that this is an API call is having "GET" listed in the "Request Method" field:
- The API call can then be highlighted and copied from the Request URL section to be provided to the appropriate recipient(s):