Beginners Guide to Web Service APIs
Table of Contents
In computer programming, an application programming interface (API) is a set of subroutine definitions, protocols, and tools for building application software. In general terms, it is a set of clearly defined methods of communication between various software components. (Wikipedia)
In simpler terms:
- You use an API to submit a question to a server. That's the request.
- The server replies with an answer. That's the response.
Here we are focusing on Web APIs, also known as Web Services. More precisely, this article focuses on a particular (and the most popular) variant of Web APIs, known as*RESTful Web API/Services*. Therefore, we are going to talk about:
- sending an HTTP Web request, using either a GET or POST verb and some parameters
- receiving a response message either in JSON or XML format.
Once you figure out which API you want to use in IntuiFace, you can go to the API Explorer article to see how to create the Interface Asset to access it.
If you are using your own private API, jump to the next step
If you don't yet know which public API you are going to use, but you know you want to display a live weather forecast, sports results, stock exchange data, etc., you can search for it using your favorite search engine using the API keyword. For example:
real estate API
You'll likely find some useful results on the ProgammableWeb website, a valuable resource for finding the best API for your needs.
Found an interesting API? Ask yourself these questions:
- About the service itself
- Does it offer the service you are looking for?
- Does the request support enough parameters to address all your scenarios?
- Does the response contain all the information you require (and possibly even more)?
- About user accounts and pricing
- Does the API require account creation? Accounts are typically required by APIs that enforce quotas on usage.
- Is the API free to use? If not, does the free plan provide a quota large enough for your needs?
- Does the API use an authentication mechanism supported by IntuiFace? See this section for details.
During your investigation, you will probably have to create several accounts to be able to test multiple services before choosing the right one. We recommend that you to create a dedicated email address to handle these accounts.
Once you have identified which service you want to use, you need to find the API documentation. Use the keywords REST API documentation when performing your search. For example, in Google you could try:
open weather map REST API documentation
zoopla REST API documentation
Once you have found the documentation - e.g. current weather provided by OpenWeatherMap - find the Request URL. It can be displayed either as
- classic HTTP URL (GET requests only), such as
- cURL statement, such as the example below produced by Airtable
Both the HTTP URL and the cURL syntax are accepted by API Explorer.
Once you have found the Request URL, you need to verify that it is ready to be pasted into the API Explorer.
Hint: if the URL contains something like YOUR_API_KEY, APIKEY, APP_ID or anything equivalent, it means you need to replace this generic part with your own credentials for this service.
Continuing with the above example from OpenWeatherMap, its API documentation illustrates how to include an account-specific API key in the request. We now have the following request URL:
If you try a request URL without any credentials while the service requires one, API Explorer will tell you that something is missing so you can fix it easily.
A REST-based Web Service uses an HTTP method, also known as an HTTP verb. IntuiFace API Explorer currently supports the GET and POST verbs.
GET requests should only be used to retrieve information. This is the type of request performed by your Web browser when you navigate to a URL -> you get the content of a webpage to display in your browser. GET requests are sometimes used to send commands to a system since they are simple enough to be called directly from within a Web browser, no additional tool required.
POST requests are meant to send information to a server. For example, it could include the contents of a Web form.
You will not have to choose between GET or POST, you only need to follow the service documentation. If nothing is specified, consider it to be a GET request.
A Web Service request is composed of:
- one host: the server address, ex:
- one endpoint: the path to the Web Service you are targeting on the host, e.g.:
- zero or more parameters, e.g.:
The parameters can be located in 4 different places:
- the query.
- the header.
- the body.
- the path, i.e. in the endpoint itself.
You can specify in API Explorer each parameter's location. See next sections for details.
A query parameter is embedded within the request URL. Each parameter is comprised of a name-value pair
parameterName=parameterValue. The first parameter is located after the question mark
?, after the endpoint. Each additional query parameter is separated from the previous one with an ampersand
All types of HTTP requests can have query parameters (e.g. GET, POST, ...)
A header parameter is not directly visible in the request URL but sent along with it. It is usually used for authentication parameters or to specify the expected response format
All types of HTTP requests can have header parameters (e.g. GET, POST, ...)
When using a POST request, you can also add some parameters in the request body. There are various existing formats but API Explorer currently only supports two: 1) x-www-form-urlencoded, and 2) raw JSON. The format will depend on the associated header:
content-type=application/x-www-form-urlencodedheader: each key-value pair is sent with an = symbol between key and value and a & between each pair.
- no header or
content-type=application/jsonheader: each key-value pair will be encapsulated in a JSON object.
A parameter can also be embedded in the endpoint itself and we will call it a Path parameter. It goes before any question mark
? after which you will find the Query parameters.
The creation of a Path parameter is a little bit different, since it can't be added after typing the host + endpoint values. See the animation below:
- Tip of the Month: Getting Answers To Your IntuiFace Questions
- Tip of the Month: Little Known Features of IntuiFace
- Tip of the Month: Experience Design Choices to Optimize Performance
- Tip of the Month: Using Out-of-the-Box Interface Assets to Incorporate Real-time Information
- Tip of the Month: Use Design Accelerators to Improve Appearance and Functionality
- View all (6 more)