Appeja WordPress-sivuille?
Tiesitkö, että WordPress-sivullekin voi upottaa React- tai Vue-sovelluksen? Olemassa olevalle sivustolle se onnistuu helposti räätälöidyn lisäosan (plugin) avulla. Teemme siis sovelluksen, käärimme sen tekemäämme lisäosaan, sinä asennat lisäosan ja vaikkapa lyhytkoodilla upotat sovelluksen haluamaasi kohtaan sivustosi sisältöjä. Helppoa.
Miksi sovellus?
Sovellus on hyvä ja nopea tapa tuottaa sivulle käyttäjän valinnoista riippuvaa dynaamista sisältöä tai toteuttaa jokin vuorovaikutus käyttäjän kanssa. Koska sovellusta ajetaan selaimella, ei palvelimella, vaste on hyvin nopeaa. React- tai Vue-sovellus voi käyttää (ja täyttää) tietoja oman sivustosi tietokannasta, kysellä niitä kolmansilta osapuolilta, tai molempia. Sovellus on nykyaikainen tapa toteuttaa vaikka koko sivuston toiminnallisuus, mutta käytettävissä yhtä lailla yksittäisillä sivuilla WordPress-sivustolla. Meiltä saat joko React.js tai Vue.js sovellukset upotettuna WordPress-ympäristöön.
Esimerkkisovellus
Oheisessa esimerkissä on omalla lisäosalla toteutettu React-sovellus, joka näyttää muutaman edellispäivän aikana rekisteröidyt uudet yritykset. Tämän WordPress-sivun sisältöön se on sijoitettu tavalliseen sisältökenttään kirjoitetulla lyhytkoodilla.
Sovellus hakee tiedot PRH:n API-rajapinnasta ja mahdollistaa tulosten suodatuksen kolmen ominaisuuden suhteen. Tietojen haku kolmansilta osapuolilta ottaa rajapinnan tarjoajasta riippuen hetken aikaa, muuten sovelluksen toiminta on todella nopeaa, koska se ajetaan selaimella eikä sivua tarvitse välillä käydä rakentamassa palvelimella.
Kuten huomaat, ulkoasultaan upotettu sovellus ei millään tavalla erotu muusta sivun sisällöstä. Ellet sitten halua sen erottuvan.
Kuten myös huomaat, sovelluksen voi lokalisoida. Jos vaihdat tämän sivun englanninkieliseen versioon, sama sovellus pyörii siellä englanniksi.