Izpratne par Frontity React ietvara iestatīšanu pakalpojumam WordPress

Frontity ir vispopulārākais jaunais priekšgala ietvars ātru WordPress vietņu izveidei

WordPress jau ilgu laiku ir populārākā satura pārvaldības sistēma. Tas ne tikai nodrošina vairāk nekā 30% interneta vietņu, bet arī lielu līdzstrādnieku kopienu, kas uztur WordPress ekosistēmu dzīvu un spēcīgu.

WordPress galvenokārt ir uz PHP balstīta servera programmatūra. WordPress ir tūkstošiem pielāgotu uzlabojumu un paplašinājumu, kas galvenokārt ir uz PHP balstītu spraudņu veidā. Tādējādi nav pārsteidzoši, ka ir bijuši daudzi mēģinājumi ar WordPress integrēt ietvarus, kas nav PHP, jo īpaši Javascript ietvarus, kas strauji pārņem priekšgala vietu tīmekļa izstrādē.

Viena no šādām sistēmām, kas patiešām kāpj topos, ir React.js sistēma WordPress, ko sauc par Frontity. To izstrādā jaunuzņēmums no Spānijas. Attīstība Frontity notiek jau pāris gadus. Tomēr tas nesen atklāja jaunumus, piesaistot 1 miljonu eiro, ko vadīja uzņēmums, kas ir aiz WordPress, Automātiski un riska kapitāla uzņēmums KFund. Lai saprastu iemeslu, vispirms ir svarīgi saprast, kas ir Frontity sistēma un kādas priekšrocības tas sniedz.

Kas ir Frontity?

Pirms mēs uzzinām par Frontity, ir svarīgi zināt WordPress pamata arhitektūru. Kā jūs, iespējams, zināt, WordPress ir uz PHP balstīta servera programmatūra. Tam nepieciešama servera programmatūra, piemēram, Apache vai Nginx, lai apkalpotu pieprasījumus, un datu bāzes programmatūra, piemēram, MySQL, lai saglabātu datus (Ziņas, lapas, lietotāji utt.).

WordPress arhitektūra

Kad atvērsit, teiksim, WordPress vietnes galvenā lapa, tā izsauks indekss.php failu aizmugursistēmā, kas atgriezīs HTML, CSS un JS sākumlapai, kas pēc tam tiks parādīta pārlūkprogrammā. Tādējādi PHP vietnei darbojas kā kopējā vārtejas saskarne (CGI), un tāpēc jebkura veida priekšgala uzlabojumiem ir jābūt balstītiem uz PHP.

Frontity arhitektūra

Tā kā Frontity ir a Reaģēt-based framework, vispirms nedaudz parunāsim par React JS. React ir priekšgala Javascript ietvars, ko izstrādājis un publicējis Facebook. Tas ir ļoti populārs, pateicoties tā ērtībai, veidojot ātru, stabilu un atsaucīgu lietotāja interfeisu. React darbojas kā Node JS modulis, un tāpēc vietnei, kas izmanto React, jābūt balstītai uz Node JS serveri.

Tagad, ja vēlaties izmantot tikai Javascript ietvaru, piemēram, React, lai uzlabotu priekšgalu, t.i., izveidotu pielāgotus motīvus, tas ir apgrūtinoši. Iemesls ir tāds, ka sistēma, piemēram, React, darbojas kopā ar Node, kas startē savu serveri. Un, kā jau minējām iepriekš, WordPress aizmugursistēmā darbojas ar PHP CGI serveri. Tādējādi nav vienkārša veida, kā izveidot pielāgotus motīvus un lietotāja saskarnes, izmantojot React for WordPress.

Tomēr ir veids, kā attālināti izgūt datus no WordPress datu bāzes. To var izdarīt, izmantojot WordPress REST API, kas ir pilnībā integrēta WordPress kodolā kopš WP versijas 4.7 un jaunākas versijas. Ja mēs varam attālināti iegūt WordPress datus, tas nozīmē, ka tagad mēs varam parādīt ienestos datus, kā mēs vēlamies. Lietotāji jau ilgu laiku ir izmantojuši REST API, lai izstrādātu pielāgotas lietotnes, tīmekļa lapas, lai piekļūtu WordPress datiem tieši no datu bāzes. Šāda veida satura pārvaldības sistēmas (CMS) tiek sauktas arī par bez galvas CMS.

Frontity pamatā ir tieši šī koncepcija. Tas savienojas ar WordPress datu bāzi, izmantojot REST API, rūpējas par izgūto datu parsēšanu un organizēšanu. Jūs varat izvēlēties, kuru tēmu vēlaties izmantot vietnes attēlošanai. Tā kā tā ir balstīta uz React, vietnei var izmantot jebkuru React motīvu. Ja vēlaties, varat arī izstrādāt savu pielāgoto motīvu. Uz PHP balstīto WordPress priekšējo daļu joprojām izmantos veidotāji/administratori, lai izveidotu saturu vai mainītu iestatījumus. Bet kā vietnes galvenā lapa tiks izmantota uz Frontity balstīta priekšgala.

Tādējādi Frontity iestatījumos būs nepieciešami divi serveri: viens ir WordPress serveris, kuram ir izveidota un darbojas REST API un kurš atgriež WordPress datus, un otrs ir Node JS serveris, kas palaiž Frontity, lai izsauktu REST API un parādītu datus, izmantojot React. .

Ceļš uz priekšu?

Tā kā uzņēmums, kas atbalsta WordPress, ir piesaistījis 1 miljonu eiro un React nodrošina bagātīgu lietotāja pieredzi WordPress, nebūs pārspīlēts teikt, ka Frontity ir ceļš uz priekšu mūsdienu vietnēm, kuras darbina WordPress. WordPress lietotāja saskarne joprojām tiks izmantota kā informācijas panelis satura izveidei, kamēr displeja daļa tiks pārvietota uz Frontity serveri.

Vairāk par Frontity varat lasīt šeit. Ja jums ir WordPress vietne un vēlaties izmēģināt Frontity, varat veikt šeit minētās darbības.