Single-page Application Frameworks in Enterprise Software Development

Abstract

The primary goal of this thesis was to assess the feasibility of JavaScript single-page application frameworks in the scope of enterprise application development. Two popular single-page application frameworks were studied in this thesis: Backbone.js and AngularJS. The secondary goal of this thesis was to build documentation for developers who are moving from one framework to another and are seeking to learn how to map the common concepts among the selected frameworks.

The results of this study indicate that it is often feasible for single-page application frameworks to be integrated into enterprise applications. However, while the single-page architecture moves many responsibilities of an application from the server to the the client, it is crucial that the data access to enterprise services is organized in web client friendly manner. Other technologies are required to convert and proxy the enterprise services that utilize protocols and data formats that are beyond the capabilities of a web browser.

Application requirements should be carefully considered when choosing the framework. Backbone.js provides a development framework with a minimalistic approach. AngularJS takes a more holistic approach to what features a single-page framework should provide. If the broader feature set of AngularJS can be fully utilized in the application development, it probably offers better productivity. On the other hand, if the application requires noticeably different behavior, it is easier to modify Backbone.js to suit these requirements.

Opinnäytetyön ensisijainen tavoite oli tutkia JavaScript single-page application -sovelluskehysten soveltuvuutta yritysohjelmistojen kehittämiseen. Opinnäytetyössä vertailtiin kahta suosittua sovelluskehystä: Backbone.js ja AngularJS. Toissijainen tavoite oli luoda dokumentaatio sovelluskehittäjille, jotka työssään siirtyvät sovelluskehyksestä toiseen ja haluavat yleiskuvan, kuinka vastaavat kokonaisuudet on toteutettu vertailluissa sovelluskehyksissä.

Tutkimuksen tuloksena havaittiin, että single page application -sovelluskehykset ovat useissa tilanteissa käyttökelpoisia yritysohjelmistojen kehityksessä. Vaikka single-page-arkkitehtuuri siirtää monia sovelluksen toiminnallisuuksia palvelimelta selaimeen, on tärkeää, että sovelluksen tarvitsemat palvelut ja tietovarastot ovat saatavilla web-selaimen tukemien protokollien ja tietomuotojen rajoissa. Sellaiset palvelut, joita single-page-sovellus ei pysty suoraan hyödyntämään, täytyy muuntaa selainsovellukselle yhteensopivaan muotoon muiden teknologioiden avulla.

Sovelluskehystä valittaessa tulee kiinnittää huomiota toteutettavan sovelluksen vaatimuksiin. Backbone.js tarjoaa minimalistisen lähtökohdan single-page-sovellusten rakentamiseen. AngularJS pyrkii tarjoamaan kokonaisvaltaisemman näkemyksen siitä, mitä ominaisuuksia sovelluskehyksen tulisi tarjota sovelluskehityksen tueksi. Mikäli AngularJS:n monipuolisempaa ominaisuuskirjoa pystytään hyödyntämään laajasti, on se todennäköisesti tuottavampi valinta. Jos taas sovellus poikkeaa huomattavasti tavanomaisesta, on Backbone.js helpompi sovittaa näihin vaatimuksiin.