Frontity je vroč nov front-end okvir za ustvarjanje hitrih spletnih mest WordPress
WordPress je že dolgo najbolj priljubljen sistem za upravljanje vsebin. Ne samo, da poganja več kot 30 % spletnih mest na internetu, ampak se ponaša tudi z ogromno skupnostjo sodelavcev, ki ohranjajo ekosistem WordPress živ in močan.
WordPress je predvsem strežniška programska oprema, ki temelji na PHP. Obstaja na tisoče izboljšav in razširitev po meri za WordPress, ki so večinoma v obliki vtičnikov, ki temeljijo na PHP. Zato ni presenetljivo, da je bilo veliko poskusov integracije okvirjev, ki niso PHP, z WordPressom, zlasti ogrodij Javascript, ki hitro prevzemajo prostor Frontend v spletnem razvoju.
Eden takšnih okvirov, ki se resnično vzpenja na lestvicah, je okvir React.js za WordPress, imenovan Frontity. Razvija ga startup s sedežem v Španiji. Razvoj za Frontity poteka že nekaj let. Vendar pa je pred kratkim prišlo do novic, ko je zbralo 1 milijon € kroga, ki ga vodi podjetje za WordPress, Samodejno in podjetje tveganega kapitala KFund. Da bi razumeli razlog za to, je najprej pomembno razumeti, kaj je okvir Frontity in kakšne koristi prinaša.
Kaj je Frontity?
Preden spoznamo Frontity, je nujno poznati osnovno arhitekturo WordPressa. Kot morda veste, je WordPress strežniška programska oprema, ki temelji na PHP. Za obdelavo zahtev potrebuje strežniško programsko opremo, kot sta Apache ali Nginx, in programsko opremo baze podatkov, kot je MySQL, za shranjevanje podatkov (objave, strani, uporabniki itd.).
Arhitektura WordPress
Ko odprete, recimo glavno stran spletnega mesta WordPress, se bo poklicala index.php datoteko v zaledju, ki bo vrnila HTML, CSS in JS za domačo stran, ki bo nato prikazana v brskalniku. Tako PHP deluje kot Common Gateway Interface (CGI) za spletno mesto in zato morajo vse vrste izboljšav frontenda temeljiti na PHP.
Frontity Architecture
Ker je Frontity a React-based framework, najprej se pogovorimo o React JS. React je sprednji okvir Javascript, ki ga je razvil in objavil Facebook. Izjemno priljubljen je zaradi svoje priročnosti pri ustvarjanju hitrih, stabilnih in odzivnih uporabniških vmesnikov. React deluje kot modul Node JS in zato mora spletno mesto, ki uporablja React, temeljiti na strežniku Node JS.
Zdaj, če želite uporabiti izključno okvir Javascript, kot je React, za izboljšanje frontenda, torej ustvarjanje tem po meri, je to okorno. Razlog je v tem, da okvir, kot je React, deluje v povezavi z Node, ki zažene lasten strežnik. In kot smo že omenili, WordPress deluje s strežnikom PHP CGI na ozadju. Tako ni enostavnega načina za izdelavo tem in uporabniških vmesnikov po meri z uporabo Reacta za WordPress.
Vendar pa obstaja način za pridobivanje podatkov iz baze podatkov WordPress na daljavo. To je mogoče storiti s pomočjo WordPress REST API, ki je v celoti integriran v jedro WordPress od različice WP 4.7 in novejše. Če lahko podatke WordPress pridobimo na daljavo, to pomeni, da lahko zdaj prikažemo pridobljene podatke, kot želimo. Uporabniki že dolgo uporabljajo REST API za razvoj aplikacij po meri, spletnih strani za dostop do podatkov WordPress neposredno iz baze podatkov. Te vrste sistemov za upravljanje vsebine (CMS) imenujemo tudi brez glave CMS.
Frontity temelji prav na tem konceptu. Povezuje se z bazo podatkov WordPress preko REST API-ja, skrbi za razčlenitev in organiziranje pridobljenih podatkov. Prepušča vam, katero temo želite uporabiti za prikaz spletne strani. Ker temelji na Reactu, lahko za spletno mesto uporabite katero koli temo React. Če želite, lahko razvijete tudi svojo temo po meri. Sprednji del WordPressa, ki temelji na PHP, bodo ustvarjalci/skrbniki še vedno uporabljali za ustvarjanje vsebine ali spreminjanje nastavitev. Toda sprednji del, ki temelji na Frontity, bo uporabljen kot glavna stran spletnega mesta.
Tako bosta v nastavitvi Frontity potrebna dva strežnika: eden je strežnik WordPress, ki ima vzpostavljen in deluje REST API in vrača podatke WordPress, drugi pa je strežnik Node JS, ki poganja Frontity za klic REST API in prikaz podatkov z uporabo Reacta. .
Pot naprej?
Ker je podjetje, ki stoji za WordPressom, zbralo 1 milijon evrov, React pa prinaša bogato uporabniško izkušnjo v WordPress, ne bo pretiravanje, če rečemo, da je Frontity pot naprej za sodobna spletna mesta, ki jih poganja WordPress. Uporabniški vmesnik WordPress se bo še naprej uporabljal kot nadzorna plošča za ustvarjanje vsebine, medtem ko bo zaslonski del premaknjen na strežnik Frontity.
Več o Frontityju si lahko preberete tukaj. Če imate spletno mesto WordPress in želite preizkusiti Frontity, lahko sledite tem korakom, ki so navedeni tukaj.