WordPressi jaoks seadistatud Frontity Reacti raamistiku mõistmine

Frontity on kuum uus esiotsa raamistik kiirete WordPressi veebisaitide loomiseks

WordPress on olnud juba pikka aega populaarseim sisuhaldussüsteem. See mitte ainult ei toita enam kui 30% Internetis leiduvatest veebisaitidest, vaid sellel on ka tohutu panustajate kogukond, kes hoiab WordPressi ökosüsteemi elus ja tugevana.

WordPress on peamiselt PHP-põhine serveritarkvara. WordPressil on tuhandeid kohandatud täiustusi ja laiendusi, mis on peamiselt PHP-põhiste pistikprogrammide kujul. Seega pole üllatav, et WordPressiga on tehtud palju katseid integreerida mitte-PHP-raamistikke, eriti Javascripti raamistikke, mis võtavad veebiarenduses kiiresti üle Frontendi ruumi.

Üks selline raamistik, mis tõesti edetabelites tõuseb, on WordPressi React.js raamistik nimega Frontity. Selle on välja töötanud Hispaanias asuv startup. Frontity arendus on kestnud paar aastat. Hiljuti tegi see aga uudise, kui kogus WordPressi taga oleva ettevõtte eestvedamisel 1 miljon eurot, Automaatne ja riskikapitalifirma KFund. Selle põhjuse mõistmiseks on kõigepealt oluline mõista, mis on Frontity raamistik ja millist kasu see toob.

Mis on Frontity?

Enne Frontity tundmaõppimist on oluline teada WordPressi põhiarhitektuuri. Nagu võib-olla teate, on WordPress PHP-põhine serveritarkvara. See nõuab päringute teenindamiseks serveritarkvara, nagu Apache või Nginx, ja andmete (postitused, lehed, kasutajad jne) salvestamiseks andmebaasitarkvara nagu MySQL.

WordPressi arhitektuur

Kui avate, öelge, et WordPressi veebisaidi avaleht helistab index.php faili taustaprogrammis, mis tagastab HTML-i, CSS-i ja JS-i avalehe jaoks, mis seejärel kuvatakse brauseris. Seega toimib PHP veebisaidi ühise lüüsiliidesena (CGI) ja seetõttu peavad kõik kasutajaliidese täiustused olema PHP-põhised.

Frontity arhitektuur

Kuna Frontity on a Reageerida-based framework, räägime kõigepealt natuke React JS-ist. React on esiotsa Javascripti raamistik, mille on välja töötanud ja avaldanud Facebook. See on äärmiselt populaarne tänu oma käepärasusele kiirete, stabiilsete ja tundlike kasutajaliideste loomisel. React töötab Node JS moodulina ja seega peab Reacti kasutav veebisait põhinema Node JS serveril.

Kui soovite nüüd kasutada puhtalt Javascripti raamistikku, näiteks Reacti, et täiustada esiosa, st luua kohandatud teemasid, on seda tülikas teha. Põhjus on selles, et raamistik nagu React töötab koos Node'iga, mis käivitab oma serveri. Ja nagu me varem mainisime, töötab WordPress taustaprogrammis PHP CGI-serveriga. Seega pole React for WordPressi abil kohandatud teemade ja kasutajaliideste loomiseks otsest viisi.

Siiski on võimalus WordPressi andmebaasist kaugjuhtimisega andmeid hankida. Seda saab teha WordPressi REST API abil, mis on alates WP versioonist 4.7 ja uuematest WordPressi põhiosast täielikult integreeritud. Kui saame WordPressi andmeid kaugjuhtimisega hankida, siis saame nüüd toodud andmeid kuvada nii, nagu tahame. Kasutajad on pikka aega kasutanud REST API-d, et arendada kohandatud rakendusi, veebilehti, et pääseda juurde WordPressi andmetele otse andmebaasist. Seda tüüpi sisuhaldussüsteeme (CMS) nimetatakse ka peata CMS.

Frontity põhineb just sellel kontseptsioonil. See ühendub REST API kaudu WordPressi andmebaasiga, hoolitseb allalaaditud andmete sõelumise ja korrastamise eest. See jätab teie otsustada, millist teemat soovite veebisaidi kuvamiseks kasutada. Kuna see põhineb Reactil, saab veebisaidi jaoks kasutada mis tahes Reacti teemat. Soovi korral saate ka oma kohandatud teema välja töötada. Loojad/administraatorid kasutavad sisu loomiseks või seadete muutmiseks endiselt WordPressi PHP-põhist esiosa. Kuid veebisaidi avalehena kasutatakse Frontity-põhist esiosa.

Seega on Frontity seadistuses vaja kahte serverit: üks on WordPressi server, millel on REST API ja mis töötab ja mis tagastab WordPressi andmed, ja teine ​​on Node JS server, mis käivitab Frontity, et kutsuda REST API ja kuvada andmeid kasutades React. .

Edasine tee?

Kuna WordPressi taga olev ettevõte kogub 1 miljon eurot ja React toob WordPressi rikkaliku kasutuskogemuse, pole liialdus öelda, et Frontity on tänapäevaste WordPressi toega veebisaitide jaoks edasiviiv tee. WordPressi kasutajaliidest kasutatakse jätkuvalt sisu loomisel armatuurlauana, samal ajal kui kuvaosa nihutatakse Frontity serverisse.

Frontity kohta saate rohkem lugeda siit. Kui teil on WordPressi veebisait ja soovite Frontityt proovida, järgige siin mainitud juhiseid.