WordPressin REST-rajapinnan käyttö Cordova-mobiilisovelluksessa

Abstract

Opinnäytetyö toteutettiin Into-Digital Oy:lle. Toimeksiantajan tavoitteena oli toteuttaa asiakkaalle sivustouudistus ja sen rinnalle mobiilisovellus iOS- ja Android-laitteille. Sovelluksen lähtökohtana oli leikkimielinen tilausosio, jonka rinnalle haluttiin tuoda sivuston sisällöt. Lisäksi sovellukseen päätettiin toteuttaa lisäarvoa tuovia ominaisuuksia, kuten sisällön jakaminen ja ilmoitukset sisältöpäivityksistä sovelluksen käyttäjille.

Sovellus päätettiin toteuttaa Apache Cordova -sovelluskehitysalustalle, joka on tarkoitettu sovellusten kehittämiseen usealle mobiilikäyttöjärjestelmälle yhtäaikaisesti. Cordovalla sovelluskehitys tapahtui moderneilla web-tekniikoilla ja järjestelmien valmiita toimintoja pystyttiin hyödyntämään natiivilaajennusten avulla. Cordovan tukena käytettiin Adoben PhoneGap-kehitystyökaluja, joiden avulla sovellusta ja natiivitoimintoja pystyttiin testaamaan tehokkaasti ja langattomasti lähiverkossa.

Sivustouudistukseen valittiin WordPress-sisällönhallintajärjestelmä, joka toimi myös sovelluksen taustapalveluna sisäänrakennetun rajapinta-arkkitehtuurin ja laajennusten avulla. Sisällönhallintaa laajennettiin vastaamaan asiakkaan tarpeita omilla sisältötyypeillä ja Advanced Custom Fields -laajennuksen tietokentillä.

Lopputuloksena toimeksiantajan asiakas sai tilaamansa uuden sivuston ja mobiilisovelluksen. Toimeksiantajalle toteutus toimii referenssinä ja pohjatoteutuksena vastaaville projekteille. Toteutukseen tehtiin useita jatkossa hyödynnettäviä ratkaisuja, kuten WordPressin rajapinnan käyttöönotto sekä yleispätevä prosessi sen hyödyntämiselle sovelluksissa. Samoin push-viestien käyttöönottoa ja integrointia WordPress-sisällönhallintaan voidaan tarjota jatkossa toimeksiantajan asiakkaille.

The project was assigned by Into-Digital Oy with the objective to build a new website and a companion mobile app for a client. The app would be available for iOS and Android devices. The main idea for the app was to present a playful ordering instruction section complemented by content from the website. To add value for users, some additional features were planned; e.g. to let users share content and notify them about content updates.

The app was developed using Apache Cordova application development framework, which supports publishing in multiple operating systems. Using Cordova, an app was built with modern web techniques, and native features can be accessed through native plugin architecture and plugins developed by Cordova community. In addition to Cordova, PhoneGap development tools by Adobe were used. The tools enabled testing the app and its native features on iOS and Android devices wirelessly in a local network.

WordPress content management system was used to build the website. The app was connected to WordPress through built-in REST API architecture and plugins. The content management was customized to meet the needs of the client using custom post types and Advanced Custom Fields plugin.

In conclusion, the website and the mobile app were built successfully and the client’s requirements were met. For Into-Digital, the project will be used as a reference and as a base implementation for similar projects in the future. Several aspects of the implementation are reusable, e.g. setting up the WordPress REST API and a generic process for accessing it and caching the results for offline use in an app. Another reusable aspect is setting up push notifications and integrating them to WordPress content management.