AngularJS-sovelluksen päivittäminen Angular-sovellukseksi
Lindén, Lasse (2019)
Lindén, Lasse
2019
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-2019100919783
https://urn.fi/URN:NBN:fi:amk-2019100919783
Tiivistelmä
Nykyaikainen front-end-sovelluskehitys kehittyy nopeasti. Sovelluskehityksen apuna käytetään usein erilaisia sovelluskehyksiä, jotka tarjoavat valmiita työkaluja kehittäjille. Front-end-puolen nopean kehityksen seurauksena myös nämä sovelluskehykset vanhenevat melko nopeasti. Angular on alusta alkaen uudelleenkirjoitettu web-sovelluskehys ja se on suositun AngularJS-sovelluskehyksen seuraaja. Angular on uudelleenkirjoitettu, jotta se pystyy vastaamaan nykyaikaisten sovellusten tarpeisiin karsimalla heikkoja osia pois.
Tutkimuksen tavoitteena oli löytää mahdollisimman helppo keino päivittää olemassa oleva AngularJS-sovellus Angular-sovellukseksi. Tutkimus toteutettiin kehittämistutkimuksena, sillä käytännön työn kautta saatiin tärkeää tutkimustietoa päivityksen eri vaiheista. Kehittämistutkimuksen avuksi hankittiin tarvittavaa teoriatietoa sovelluskehyksistä ja niiden eroavaisuuksista. Teoriatiedon hankkimiseen käytettiin pääasiassa verkkolähteitä.
Tutkimustuloksena syntyi vaihe vaiheelta ohjeistus siihen, kuinka tutkimuskohteena ollut sovellus voidaan päivittää Angular-sovellukseksi. Ohjeistuksen lisäksi kerättiin tärkeää tietoa sovelluskehysten välisistä eroavaisuuksista. Tietoa näistä eroavaisuuksista voidaan käyttää perehdytystarkoituksessa siirryttäessä AngularJS-projektista Angular-projektiin.
AngularJS-sovelluksen päivitys Angular-sovellukseksi on monimutkainen prosessi, johon vaaditaan kokemusta molemmista sovelluskehyksistä. Tätä prosessia voidaan kuitenkin valmistella jo etukäteen päivittämällä olemassa olevaa sovellusta nykyaikaisemmaksi ja soveltaa siihen parhaita kehityskäytänteitä. Angularin kehittäjäjoukko on julkaissut erilaisia työkaluja ja ohjeistuksia helpottamaan päivitystä sovelluskehysten välillä. Työkalun avulla voidaan esimerkiksi analysoida AngularJS-sovelluksen muutostarpeet ennen kuin sovellus on mahdollista päivittää. Modern front-end application development is evolving fast. Different application frameworks are often used as a help, since they offer built-in tools for developers. As front-end development is evolving rapidly, these frameworks also become outdated quite fast. Angular is a rewritten framework, and it is the successor of popular AngularJS framework. Angular is rewritten as it needed to keep up with the needs of modern applications by removing weak parts of its predecessor.
The purpose of the thesis was to find an as easy as possible way to upgrade existing AngularJS application to modern Angular application. The used research method was development research as getting practically involved in an upgrade process made it possible to gather important information from different parts of the upgrade process. To support the research, theoretical information about these application frameworks and their differences was gathered. Mostly web-based sources were used for theoretical information.
The study resulted in a step-by-step guide for how to upgrade the researched application to a modern Angular application. Along with the guide, important information about the differences of these frameworks was obtained. This information can be used as a tutorial when moving from AngularJS project to a modern Angular project.
Updating AngularJS application to a modern Angular application is a complicated process that requires experience from both frameworks. The preparation for this process can be started in advance by updating the existing application to be more modern and to use best practices for development. Angular’s development team has released different tools and guides to make the updating process easier. The tool can be used to analyze AngularJS applications for parts that need to be changed before the application is ready for update.
Tutkimuksen tavoitteena oli löytää mahdollisimman helppo keino päivittää olemassa oleva AngularJS-sovellus Angular-sovellukseksi. Tutkimus toteutettiin kehittämistutkimuksena, sillä käytännön työn kautta saatiin tärkeää tutkimustietoa päivityksen eri vaiheista. Kehittämistutkimuksen avuksi hankittiin tarvittavaa teoriatietoa sovelluskehyksistä ja niiden eroavaisuuksista. Teoriatiedon hankkimiseen käytettiin pääasiassa verkkolähteitä.
Tutkimustuloksena syntyi vaihe vaiheelta ohjeistus siihen, kuinka tutkimuskohteena ollut sovellus voidaan päivittää Angular-sovellukseksi. Ohjeistuksen lisäksi kerättiin tärkeää tietoa sovelluskehysten välisistä eroavaisuuksista. Tietoa näistä eroavaisuuksista voidaan käyttää perehdytystarkoituksessa siirryttäessä AngularJS-projektista Angular-projektiin.
AngularJS-sovelluksen päivitys Angular-sovellukseksi on monimutkainen prosessi, johon vaaditaan kokemusta molemmista sovelluskehyksistä. Tätä prosessia voidaan kuitenkin valmistella jo etukäteen päivittämällä olemassa olevaa sovellusta nykyaikaisemmaksi ja soveltaa siihen parhaita kehityskäytänteitä. Angularin kehittäjäjoukko on julkaissut erilaisia työkaluja ja ohjeistuksia helpottamaan päivitystä sovelluskehysten välillä. Työkalun avulla voidaan esimerkiksi analysoida AngularJS-sovelluksen muutostarpeet ennen kuin sovellus on mahdollista päivittää.
The purpose of the thesis was to find an as easy as possible way to upgrade existing AngularJS application to modern Angular application. The used research method was development research as getting practically involved in an upgrade process made it possible to gather important information from different parts of the upgrade process. To support the research, theoretical information about these application frameworks and their differences was gathered. Mostly web-based sources were used for theoretical information.
The study resulted in a step-by-step guide for how to upgrade the researched application to a modern Angular application. Along with the guide, important information about the differences of these frameworks was obtained. This information can be used as a tutorial when moving from AngularJS project to a modern Angular project.
Updating AngularJS application to a modern Angular application is a complicated process that requires experience from both frameworks. The preparation for this process can be started in advance by updating the existing application to be more modern and to use best practices for development. Angular’s development team has released different tools and guides to make the updating process easier. The tool can be used to analyze AngularJS applications for parts that need to be changed before the application is ready for update.