Angular 2 -migraatio

Abstract

Opinnäytetyön aiheena oli Angular 2 -migraatio. Tutkimuksen tarkoitus oli luoda migraatiomenetelmä, jonka avulla toimeksiantajayritys pystyy päivittämään käyttöliittymäpuolen Angular 1 -ohjelmistokoodin versioon 2. Menetelmän luomiseksi haettiin vastauksia seuraaviin kysymyksiin: Mitä hyötyjä ja mahdollisia haittoja migraatiosta voisi seurata? Miten migraatio onnistuu sovellukseen? Miten se tulisi suorittaa ja kuinka työläs migraatio tulisi olemaan?

Migraatiomenetelmän aikaansaamiseksi suoritettiin ensin koemigraatio aiemmin tehtyyn ajanvarausjärjestelmä-sovellukseen, joka noudattaa samaa tyyliopasta kuin toimeksiantajayrityksen ohjelmisto. Koemigraatioista saatujen havaintojen pohjalta suoritettiin toimeksiantajayrityksen ohjelmiston yksittäisten osien päivittäminen Angular 2:en.

Tutkimustyön perusteella tultiin tulokseen, että Angular 1 -sovellus voidaan täysin uudelleenkirjoittaa sisältämään vain Angular 2 -koodia, tai migroida komponentti kerrallaan käyttämällä Angular 2:en UpgradeAdapter moduulia. Molempia työtapoja tutkittiin, ja tultiin siihen tulokseen, että erityisesti koodimassaltaan pieneen sovellukseen kannattaa migraatio suorittaa kirjoittamalla se kokonaan uudestaan. Suuressa sovelluksessa tilanteeseen vaikuttaa erityisesti se, millä Angular 1:en versiolla sovellus on toteutettu. Angular 1.5 component API:a noudattavat sovellukset on vaivattomampia kääntää Angular 2:lle, kuin aikaisemmat Angular 1:en versiot. Muita vaikuttavia tekijöitä ovat sovelluksen komponenttien mahdolliset riippuvuudet ja kolmannen osapuolen kirjastot. Jos komponentit ja palvelut sisältävät useita riippuvuuksia, voi UpgradeAdapterin käyttö olla hankalaa ja välttämättä kaikkia komponentteja ei voi käyttää sillä suoraan.

Migraatiotutkimuksessa todettiin, että koodimassaltaan pienikokoiselle sovellukselle tehtynä migraatio onnistuu helpoiten. Sovelluksen koon kasvaessa migraation tekeminen vaikeutuu ja työtavan valitsemisen tulee olla tarkkaan mietitty.

The subject of the research was Angular 2 migration. Purpose of the thesis was to get a migration method that the company can use in the future, when migrating from Angular 1 to Angular 2. To develop the method, main questions were: What advantages and disadvantages would the migration have? How can the migration be done for the company’s application? How should the migration be conducted?

To achieve the method, a test migration was initially performed for a reservation application I had previously made. After that the migration was started on a part of the company’s application.

There are two ways to complete the migration, a complete rewrite to Angular 2 or rewrite one component at a time by using the Angular 2 UpgradeAdapter module. The research results show that the level of effort required for the migration depends highly on your Angular 1 codebase. What matters the most is which Angular 1 ver-sion is used in the application. If the application is written following the Angular 1.5 component API, the migration is the easiest. Multiple components and services depending on each other makes the migration harder if the application is developed with UpgradeAdapter. Depending on the Angular 1 code, some components or services might not be upgradable using the UpgradeAdapter module in Angular 2.

Results from the migration research showed that a small-scale application is the easiest to migrate. The larger the application is the harder it will be harder to migrate and the method of choice should be carefully considered.