Web-sovelluskehitys MERN-pinolla
Laakso, Tatu (2021)
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202104144794
https://urn.fi/URN:NBN:fi:amk-202104144794
Tiivistelmä
Verkkosovelluksia voidaan kehittää useilla eri tavoilla. Yksi yleisimpiä tapoja on käyttää ohjelmistopinoa. Ohjelmistopinolla tarkoitetaan kokoelmaa teknologioista, jotka yhdessä tukevat sovelluksen suorittamista.
Opinnäytetyön tarkoituksena oli tutkia MERN-ohjelmistopinoa, jonka muodostavat MongoDB, Express.js, Reactjs ja Node.js. Teknologioiden keskeiset käsitteet avattiin ja ohjelmistopinon avulla kehitettiin prototyyppisovellus. Prototyyppisovelluksen kehitys taltioitiin vaiheittain.
Sovelluksen kehitys aloitettiin suunnittelusta, jossa määritettiin sovelluksen rakenne ja toiminta-periaatteet. Palvelinpuolella luotiin ohjelmistorajapinta, joka kykeni tietojen vastaanottamiseen, lähettämiseen ja käsittelyyn. Käyttöliittymä luotiin yhden sivun mallin mukaisesti. Käyttöliittymässä keskityttiin erityisesti logiikan toimivuuteen ja uudelleenkäytettävyyteen.
Opinnäytetyön tuloksena syntyi toimiva prototyyppisovellus, joka täytti asetetut kriteerit. Sovelluksen kehityksessä tuotiin esille MERN-pinon ja JavaScriptin uusimpia ominaisuuksia. Web applications can be developed in several different ways. One of the most common ways is to use a software stack. Software stack refers to a collection of technologies that together support the execution of an application.
The purpose of the thesis was to study the MERN software stack, which consists of MongoDB, Express.js, Reactjs and Node.js. The key concepts of the technologies were opened, and a prototype application was developed using the software stack. The development of the prototype application was recorded in stages.
The development of the application started with the design phase, which defined the structure and operating principles of the application. On the server side, a software interface was created that was capable of receiving, sending, and processing data. The user interface was created according to a one-page template. The user interface focused in particular on the functionality and reusability of client-side logic.
The result of the thesis was a working prototype application that met the set criteria. During the development of the application, the latest features of the MERN software stack and JavaScript were brought to the fore.
Opinnäytetyön tarkoituksena oli tutkia MERN-ohjelmistopinoa, jonka muodostavat MongoDB, Express.js, Reactjs ja Node.js. Teknologioiden keskeiset käsitteet avattiin ja ohjelmistopinon avulla kehitettiin prototyyppisovellus. Prototyyppisovelluksen kehitys taltioitiin vaiheittain.
Sovelluksen kehitys aloitettiin suunnittelusta, jossa määritettiin sovelluksen rakenne ja toiminta-periaatteet. Palvelinpuolella luotiin ohjelmistorajapinta, joka kykeni tietojen vastaanottamiseen, lähettämiseen ja käsittelyyn. Käyttöliittymä luotiin yhden sivun mallin mukaisesti. Käyttöliittymässä keskityttiin erityisesti logiikan toimivuuteen ja uudelleenkäytettävyyteen.
Opinnäytetyön tuloksena syntyi toimiva prototyyppisovellus, joka täytti asetetut kriteerit. Sovelluksen kehityksessä tuotiin esille MERN-pinon ja JavaScriptin uusimpia ominaisuuksia.
The purpose of the thesis was to study the MERN software stack, which consists of MongoDB, Express.js, Reactjs and Node.js. The key concepts of the technologies were opened, and a prototype application was developed using the software stack. The development of the prototype application was recorded in stages.
The development of the application started with the design phase, which defined the structure and operating principles of the application. On the server side, a software interface was created that was capable of receiving, sending, and processing data. The user interface was created according to a one-page template. The user interface focused in particular on the functionality and reusability of client-side logic.
The result of the thesis was a working prototype application that met the set criteria. During the development of the application, the latest features of the MERN software stack and JavaScript were brought to the fore.