DEV Community

Cover image for Wikipedia's API and wikipedia-query
Kayra Orankoy
Kayra Orankoy

Posted on

Wikipedia's API and wikipedia-query

What is an API?

An API (Application Programming Interface) is a software that allows for connections between computers and computer programs. For this project we took advantage of Wikipedia's API's.


fetch is a method in JavaScript that is used to request resources in the form of HTTP from a webpage. Shown below is an example of fetch being used to communicate with Wikipedia. A request is sent out with a resulting JSON response.
Image description

Wikipedia API

Before starting with Wikipedia api, make sure to import the necessary packages by adding this line of code to the top
import '@lrnwebcomponents/wikipedia-query/wikipedia-query.js';

Wikipedia has a numerous amount of functions that can be referenced here. This API allows users to connect to Wikipedia and manage different functions. With this lab we are dealing with the query function and it is accessed by using the tag wikipedia-query, it uses fetch to search for the necessary parameters.

<wikipedia-query search="${}, ${this.state}"></wikipedia-query>
      <wikipedia-query search="${}"></wikipedia-query>
      <wikipedia-query search="${this.state}"></wikipedia-query>
Enter fullscreen mode Exit fullscreen mode

The above block of code is three query's that get parameters filling out the state and city, the city alone, and the state alone. They were gained earlier in conjunction with the freegeoip app.

In all, API's are a useful tool that allow for coders to do less coding. Provided is my GitHub repository

Top comments (0)