Utveckling av en mobil applikation i React Native med Wordpress Back-end
French, Kim (2019)
French, Kim
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-2019052712298
https://urn.fi/URN:NBN:fi:amk-2019052712298
Tiivistelmä
Tekniska Läroverkets Kamratförbund r.f. är en studerandeförening med ca 120 medlemmar. Föreningen har en längre tid haft problem med att få ut information till sina medlemmar via sin Wordpress-webbsida och e-postlista. Examensarbetet behandlar hur en mobil applikation av deras webbsida som kan ta emot mobila notifikationer utveckla-des.
Syftet med den praktiska delen av examensarbetet är att producera en mobil applikation med hjälp av Javascript-ramverket React Native som är utvecklat av Facebook. Det här gjordes med hjälp av en samling olika bibliotek som underlättar utvecklingen. Innehållet till applikationen hämtades via sidans Wordpress REST API och notifikationerna gjor-des med Google Firebase.
I den teoretiska delen beskrives hur utvecklingen av mobila applikationen utfördes med React Native. Det ges även en översikt över React Native och vad dess fördelar och nackdelar är när det gäller mobil utveckling. Här tas även upp hur alla bibliotek installe-ras och konfigureras för att fungera med React Native.
Till examensarbetet hör det inte hur utvecklingen av Wordpress sidan gjordes. Det tas endast upp hur utvecklingen av själva applikationen gjordes.
Som resultat fick föreningen en mobil applikation som tar inspiration av webbsidans an-vändargränssnitt. Till applikationen går det att skicka notifikationer via konsolen Google Firebase om inlägg på webbsidan, evenemang eller möten.
Till framtidsplanerna hör att ladda upp applikationen till Google play store för att enkelt kunna distribuera och köra ut uppdateringar. En instickningsmodul till Wordpress-sidan skulle behöva skapas för att automatisera skickandet av notifikationer via Google Fire-base REST API till applikationen när nya inlägg publiceras. Det här skulle minska mängden manuellt jobb för styrelsen. Tekniska Läroverkets Kamratförbund r.f. is a student association with about 120 members. For a long time, the association has had problems with getting information to its members via its Wordpress website or mailing list.
The purpose of the practical part of the thesis is to produce a mobile application using the Javascript framework React Native, which is developed by Facebook. This was done us-ing a collection of different libraries that simplified the development process. The content for the application was fetched via the Wordpress REST API and the notifications were handled by Google Firebase.
The theoretical part describes how the development of the mobile application was per-formed with React Native. It also provides an overview of React Native and its ad-vantages and disadvantages when it comes to mobile development. It is also described how all the libraries are installed and configured to work with React Native.
The degree project does not outline how the development of the Wordpress page was done. It only defines how the development of the application itself was performed.
As a result, the association got a mobile application that takes inspiration from their web-site's user interface. The application allows you to send notifications via the Google Fire-base console about new posts, events or meetings.
Some future plans include uploading the application to Google play store to easily distrib-ute and push out updates. A plugin for the Wordpress page would also have to be created to automate the sending of notifications via the Google Firebase REST API to the appli-cation when new posts are published. This would reduce the amount of manual work for the board members.
Syftet med den praktiska delen av examensarbetet är att producera en mobil applikation med hjälp av Javascript-ramverket React Native som är utvecklat av Facebook. Det här gjordes med hjälp av en samling olika bibliotek som underlättar utvecklingen. Innehållet till applikationen hämtades via sidans Wordpress REST API och notifikationerna gjor-des med Google Firebase.
I den teoretiska delen beskrives hur utvecklingen av mobila applikationen utfördes med React Native. Det ges även en översikt över React Native och vad dess fördelar och nackdelar är när det gäller mobil utveckling. Här tas även upp hur alla bibliotek installe-ras och konfigureras för att fungera med React Native.
Till examensarbetet hör det inte hur utvecklingen av Wordpress sidan gjordes. Det tas endast upp hur utvecklingen av själva applikationen gjordes.
Som resultat fick föreningen en mobil applikation som tar inspiration av webbsidans an-vändargränssnitt. Till applikationen går det att skicka notifikationer via konsolen Google Firebase om inlägg på webbsidan, evenemang eller möten.
Till framtidsplanerna hör att ladda upp applikationen till Google play store för att enkelt kunna distribuera och köra ut uppdateringar. En instickningsmodul till Wordpress-sidan skulle behöva skapas för att automatisera skickandet av notifikationer via Google Fire-base REST API till applikationen när nya inlägg publiceras. Det här skulle minska mängden manuellt jobb för styrelsen.
The purpose of the practical part of the thesis is to produce a mobile application using the Javascript framework React Native, which is developed by Facebook. This was done us-ing a collection of different libraries that simplified the development process. The content for the application was fetched via the Wordpress REST API and the notifications were handled by Google Firebase.
The theoretical part describes how the development of the mobile application was per-formed with React Native. It also provides an overview of React Native and its ad-vantages and disadvantages when it comes to mobile development. It is also described how all the libraries are installed and configured to work with React Native.
The degree project does not outline how the development of the Wordpress page was done. It only defines how the development of the application itself was performed.
As a result, the association got a mobile application that takes inspiration from their web-site's user interface. The application allows you to send notifications via the Google Fire-base console about new posts, events or meetings.
Some future plans include uploading the application to Google play store to easily distrib-ute and push out updates. A plugin for the Wordpress page would also have to be created to automate the sending of notifications via the Google Firebase REST API to the appli-cation when new posts are published. This would reduce the amount of manual work for the board members.