Frontity on kuuma uusi käyttöliittymäkehys nopeiden WordPress-verkkosivustojen luomiseen
WordPress on ollut suosituin sisällönhallintajärjestelmä jo pitkään. Sen lisäksi, että se ohjaa yli 30 prosenttia Internetin verkkosivustoista, se tarjoaa myös valtavan osallistujayhteisön, joka pitää WordPress-ekosysteemin elossa ja vahvana.
WordPress on ensisijaisesti PHP-pohjainen palvelinohjelmisto. WordPressissä on tuhansia mukautettuja parannuksia ja laajennuksia, jotka ovat pääasiassa PHP-pohjaisten laajennusten muodossa. Ei siis ole yllättävää, että WordPressin kanssa on yritetty integroida muita kuin PHP-kehyksiä, erityisesti Javascript-kehyksiä, jotka valtaavat nopeasti käyttöliittymätilan verkkokehityksessä.
Yksi tällainen kehys, joka todella kiipeää kaavioita, on React.js-kehys WordPressille nimeltä Frontity. Sen on kehittänyt espanjalainen startup. Kehitys for Frontity on ollut käynnissä pari vuotta. Se kuitenkin uutisoi äskettäin, kun se keräsi miljoona euroa WordPressin takana olevan yrityksen johdolla, Automaattinen ja riskipääomayhtiö KFund. Ymmärtääksesi syyn tähän, on ensin tärkeää ymmärtää, mikä Frontity-kehys on ja mitä etuja se tuo.
Mikä on Frontity?
Ennen kuin opimme Frontitysta, on tärkeää tuntea WordPressin perusarkkitehtuuri. Kuten ehkä tiedät, WordPress on PHP-pohjainen palvelinohjelmisto. Se vaatii palvelinohjelmiston, kuten Apache tai Nginx, palvelemaan pyyntöjä ja tietokantaohjelmiston, kuten MySQL, tietojen tallentamiseen (viestit, sivut, käyttäjät jne.).
WordPress-arkkitehtuuri
Kun avaat, sano WordPress-verkkosivuston pääsivun, se soittaa index.php tiedosto taustaohjelmassa, joka palauttaa HTML-, CSS- ja JS-koodit kotisivulle, joka sitten näytetään selaimessa. Siten PHP toimii verkkosivuston yhteisenä yhdyskäytävänä (CGI) ja siksi kaikenlaisten käyttöliittymän parannuksien on oltava PHP-pohjaisia.
Frontity-arkkitehtuuri
Koska Frontity on a React-based framework, puhutaan ensin hieman React JS:stä. React on Facebookin kehittämä ja julkaisema Javascriptin käyttöliittymä. Se on erittäin suosittu, koska se on kätevä luomaan nopeita, vakaita ja reagoivia käyttöliittymiä. React toimii Node JS -moduulina, ja siksi Reactia käyttävän verkkosivuston on perustuttava Node JS -palvelimeen.
Jos nyt haluat käyttää puhtaasti Javascript-kehystä, kuten Reactia, käyttöliittymän parantamiseen eli mukautettujen teemojen luomiseen, sen tekeminen on hankalaa. Syynä on se, että Reactin kaltainen kehys toimii yhdessä Noden kanssa, joka käynnistää oman palvelimensa. Ja kuten aiemmin mainitsimme, WordPress toimii PHP CGI -palvelimen kanssa taustalla. Siten ei ole yksinkertaista tapaa rakentaa mukautettuja teemoja ja käyttöliittymiä React for WordPressin avulla.
On kuitenkin olemassa tapa noutaa tietoja WordPress-tietokannasta etänä. Se voidaan tehdä käyttämällä WordPress REST API:ta, joka on täysin integroitu WordPressin ytimeen WP-versiosta 4.7 ja uudemmista lähtien. Jos voimme noutaa WordPress-tiedot etänä, se tarkoittaa, että voimme nyt näyttää haetut tiedot haluamallamme tavalla. Käyttäjät ovat käyttäneet REST-sovellusliittymää pitkään kehittääkseen mukautettuja sovelluksia, verkkosivuja päästäkseen WordPress-tietoihin suoraan tietokannasta. Tämän tyyppisiä sisällönhallintajärjestelmiä (CMS) kutsutaan myös nimellä päätön CMS.
Frontity perustuu juuri tähän konseptiin. Se muodostaa yhteyden WordPress-tietokantaan REST API:n kautta, huolehtii haettujen tietojen jäsentämisestä ja järjestämisestä. Voit päättää, mitä teemaa haluat käyttää verkkosivuston näyttämiseen. Koska se perustuu Reactiin, mitä tahansa React-teemaa voidaan käyttää verkkosivustolla. Voit myös kehittää mukautettua teemaasi, jos niin haluat. Tekijät/järjestelmänvalvojat käyttävät edelleen WordPressin PHP-pohjaista käyttöliittymää sisällön luomiseen tai asetusten muuttamiseen. Frontity-pohjaista käyttöliittymää käytetään kuitenkin verkkosivuston pääsivuna.
Siten Frontity-asetuksissa tarvitaan kaksi palvelinta: toinen on WordPress-palvelin, jossa REST API on käynnissä ja joka palauttaa WordPress-tiedot, ja toinen on Node JS -palvelin, joka käyttää Frontitya kutsumaan REST API:ta ja näyttämään tiedot Reactin avulla. .
Tie eteenpäin?
Kun WordPressin takana oleva yritys keräsi miljoona euroa ja React tuo WordPressiin rikkaan käyttökokemuksen, ei ole liioittelua sanoa, että Frontity on tie eteenpäin nykyajan WordPress-pohjaisissa verkkosivustoissa. WordPress-käyttöliittymää käytetään jatkossakin kojelautana sisällön luomiseen, kun taas näyttöosa siirretään Frontity-palvelimelle.
Voit lukea lisää Frontitysta täältä. Jos sinulla on WordPress-verkkosivusto ja haluat kokeilla Frontitya, voit tehdä niin noudattamalla tässä mainittuja ohjeita.