„WordPress“ nustatytos „Fronty React“ sistemos supratimas

„Fronity“ yra karšta nauja sąsaja, skirta greitoms „WordPress“ svetainėms kurti

„WordPress“ jau ilgą laiką buvo populiariausia turinio valdymo sistema. Jis ne tik aprūpina 30 % interneto svetainių, bet ir gali pasigirti didžiule bendradarbių bendruomene, kuri palaiko gyvą ir stiprią „WordPress“ ekosistemą.

„WordPress“ pirmiausia yra PHP pagrįsta serverio programinė įranga. Yra tūkstančiai pasirinktinių „WordPress“ patobulinimų ir plėtinių, kurie daugiausia yra PHP pagrįstų įskiepių pavidalu. Taigi nenuostabu, kad buvo daug bandymų integruoti ne PHP sistemas su „WordPress“, ypač „Javascript“ sistemas, kurios sparčiai perima „Frontend“ erdvę kuriant žiniatinklius.

Viena iš tokių sistemų, kuri tikrai kyla į viršų, yra „WordPress“ skirta „React.js“ sistema, vadinama „Fronty“. Jį sukūrė startuolis iš Ispanijos. „Fronity“ plėtra vyksta jau porą metų. Tačiau neseniai ji paskelbė naujieną, kai surinko 1 milijoną eurų, vadovaujama „WordPress“ kompanijos, Automatinis ir rizikos kapitalo įmonė KFund. Norint suprasti to priežastį, pirmiausia svarbu suprasti, kas yra Frontity sistema ir kokią naudą ji duoda.

Kas yra Frontity?

Prieš mokantis apie Frontity, būtina žinoti pagrindinę WordPress architektūrą. Kaip galbūt žinote, „WordPress“ yra PHP pagrįsta serverio programinė įranga. Tam reikalinga serverio programinė įranga, pvz., „Apache“ arba „Nginx“, kad pateiktų užklausas, ir duomenų bazės programinė įranga, pvz., „MySQL“, skirta duomenims saugoti (įrašai, puslapiai, vartotojai ir kt.).

„WordPress“ architektūra

Kai atidarysite, tarkime, pagrindinį „WordPress“ svetainės puslapį, jis paskambins index.php failą užpakalinėje programoje, kuris grąžins pagrindinio puslapio HTML, CSS ir JS, kuris bus rodomas naršyklėje. Taigi, PHP veikia kaip bendroji svetainės sąsaja (CGI), todėl bet kokie priekinės sistemos patobulinimai turi būti pagrįsti PHP.

Frontity architektūra

Kadangi Frontity yra a Reaguoti-based framework, pirmiausia pakalbėkime apie React JS. „React“ yra „Facebook“ sukurta ir paskelbta „Javascript“ sistema. Jis itin populiarus dėl patogumo kuriant greitas, stabilias ir reaguojančias vartotojo sąsajas. React veikia kaip Node JS modulis, todėl svetainė, kurioje naudojama React, turi būti pagrįsta Node JS serveriu.

Dabar, jei norite naudoti grynai „Javascript“ sistemą, pvz., „React“, kad pagerintumėte sąsają, t. y. sukurtumėte pasirinktines temas, tai padaryti yra sudėtinga. Priežastis ta, kad tokia sistema kaip „React“ veikia kartu su „Node“, kuris paleidžia savo serverį. Ir, kaip minėjome anksčiau, „WordPress“ veikia su PHP CGI serveriu užpakalinėje sistemoje. Taigi nėra jokio paprasto būdo sukurti pasirinktines temas ir vartotojo sąsajas naudojant „React for WordPress“.

Tačiau yra būdas nuskaityti duomenis iš „WordPress“ duomenų bazės nuotoliniu būdu. Tai galima padaryti naudojant WordPress REST API, kuri yra visiškai integruota į pagrindinį WordPress nuo WP 4.7 ir naujesnės versijos. Jei galime nuotoliniu būdu gauti „WordPress“ duomenis, tai reiškia, kad dabar gautus duomenis galime rodyti taip, kaip norime. Vartotojai ilgą laiką naudoja REST API kurdami pasirinktines programas, tinklalapius, kad pasiektų „WordPress“ duomenis tiesiai iš duomenų bazės. Tokio tipo turinio valdymo sistemos (TVS) taip pat vadinamos be galvos TVS.

Frontity remiasi būtent šia koncepcija. Jis prisijungia prie „WordPress“ duomenų bazės per REST API, rūpinasi gautų duomenų analizavimu ir tvarkymu. Jūs turite nuspręsti, kurią temą norite naudoti svetainei rodyti. Kadangi ji pagrįsta „React“, svetainėje galima naudoti bet kurią „React“ temą. Taip pat galite sukurti pasirinktinę temą, jei taip pasirinksite. Kūrėjai / administratoriai vis tiek naudos PHP pagrįstą „WordPress“ sąsają kurdami turinį arba keisdami nustatymus. Tačiau „Fronity“ pagrindu sukurta priekinė dalis bus naudojama kaip pagrindinis svetainės puslapis.

Taigi, „Fronity“ sąrankoje bus reikalingi du serveriai: vienas yra „WordPress“ serveris, kuriame veikia REST API ir kuris grąžina „WordPress“ duomenis, o antrasis yra „Node JS“ serveris, kuriame veikia „Fronity“, kad iškviestų REST API ir rodytų duomenis naudodami „React“. .

Kelias pirmyn?

Kadangi „WordPress“ įmonė surinko 1 milijoną eurų, o „React“ teikia „WordPress“ naudotojų patirtį, nebus perdėta sakyti, kad „Fronity“ yra kelias į priekį šiuolaikinėms „WordPress“ svetainėms. WordPress vartotojo sąsaja ir toliau bus naudojama kaip informacijos suvestinė kuriant turinį, o ekrano dalis bus perkelta į Frontity serverį.

Daugiau apie Frontity galite perskaityti čia. Jei turite „WordPress“ svetainę ir norite išbandyti „Fronity“, galite tai padaryti atlikdami čia nurodytus veiksmus.