Pilvipohjaisen koodileikkeiden hallintasovelluksen rakentaminen

Abstract

Opinnäytetyön tavoitteena oli toteuttaa pilvipohjainen verkkosovellus koodileikkeiden hallintaan. Verkkosovelluksen yhteyteen ei toteutettu erillistä tietokantaa, vaan datan persistointi ulkoistettiin pilveen GitHubin Gist-palveluun. Toteutuksen taustalla on halu toteuttaa vaihtoehtoista tiedon persistointimetodia hyödyntävä verkkosovellus ja tutustua moderneihin verkkosovelluskehityksen tekniikoihin.

Toiminnallisessa osuudessa toteutettiin selainsovellus, jonka kautta käyttäjä voi syöttää, muokata ja hakea koodileikkeitä Gist-palvelusta. Selainsovellus rakennettiin Redux- ja SPA-arkkitehtuurien mukaisesti React-käyttöliittymäkirjaston sekä React Router-reitityskirjaston avulla. Selainsovelluksen lisäksi rakennettiin yksinkertainen Java-palvelinsovellus, jotta käyttäjä voi auktorisoida selainsovelluksen käyttämään Gist-palvelua käyttäjän nimissä. Raportissa käsitellään selainsovelluksen toteutuksessa käytettyjä työkaluja ja menetelmiä sekä esitellään selainsovelluksen toteutus. Raportissa ei käsitellä palvelinsovelluksen toteutusta.

Opinnäytetyön tuloksena saatiin toimiva verkkosovellus, joka käyttää tehokkaasti Gist-palvelua tiedon persistointiin sekä hyödyntää Redux- ja SPA-arkkitehtuureja. Tuotoksena syntynyttä verkkosovellusta on helppo lähteä kehittämään kohti julkaisuvalmiutta.

The aim of this thesis was to implement a cloud-based web application for code snippet management. Instead of using a traditional database, data persistence is outsourced to GitHub’s Gist service. The subject for this thesis arose from the author’s desire to develop an application which utilizes an alternative way of handling data persistence. Author also wanted to become acquainted with modern web development techniques.

In the practical part of this thesis, a web application was implemented for creating, modifying and fetching code snippets from Gist service. The web application was built with React and React Router JavaScript libraries to support Redux and single-page application architectures. Small Java server application was also created to allow the user to authorize web application to use Gist service on user’s behalf. The theoretical part of this thesis familiarizes the reader with the basics of the tools and methods used in the development process of the web application. In addition, implementation details and the resulting web application are examined and presented. The thesis does not cover server application implementation.

The result of this thesis was a fully functional single-page application for code snippet management. The implemented single-page application utilizes cloud-based data persistence model and Redux effectively. In addition the implementation provides a great base for further development.