ReactJS-kirjaston käyttö ohjelmointirajapintojen yhteydessä

Abstract

Tämän opinnäytetyön ideana oli hyödyntää React-kirjastoa. Työssä tutustuttiin React-kirjaston rakenteeseen ja sen ominaisuuksiin, joita voidaan hyödyntää koulun avoimiin PEPPI-ohjelmointirajapintoihin. React-kirjaston ominaisuuksia voidaan käyttää tehostamaan ja nopeuttamaan datan saantia avoimista ohjelmistorajapinnoista. Työssä toteutettiin tietojen hakuja Seinäjoen Ammattikorkeakoulun PEPPI-järjestelmän rajapintoihin. Työssä perehdyttiin myös HTTP-pyyntömetodien käyttöön sekä niiden erilaisiin toteutuksiin käyttäen kolmea erilaista menetelmää, jotka olivat jQuery AJAX, Axios ja Fetch. Työn lopputuloksena saatiin tulostettua dataa PEPPI-ohjelmointirajapinnoista React-pohjaiselle sivulle GET- ja POST-pyynnöillä käyttäen kolmea eri menetelmää.

The idea behind this thesis was to utilize the React library. The aim was to get acquainted with the ReactJS structure and its features, which can be used in conjuction with the PEPPI open API. The library’s features can be used to optimize and speed up the data access from the open API. The data search was implemented inside the PEPPI system’s API at Seinäjoki University of Applied Sciences. The thesis also introduced the use of HTTP requests and their implementations using three different methods to acquire data from the API, which were called jQuery AJAX, Axios and Fetch. As the result, the data pulled from the PEPPI open API was successfully printed on the React-based site using the GET and POST requests with three different methods.