A WordPresshez beállított Frontity React keretrendszer megértése

A Frontity az új front-end keretrendszer a gyors WordPress-webhelyek létrehozásához

A WordPress már régóta a legnépszerűbb tartalomkezelő rendszer. Nemcsak az internetes webhelyek több mint 30%-át látja el, hanem egy hatalmas közösséggel is büszkélkedhet, akik életben és erősen tartják a WordPress ökoszisztémát.

A WordPress elsősorban egy PHP alapú szerverszoftver. A WordPressnek több ezer egyéni fejlesztése és bővítménye van, amelyek főként PHP alapú bővítmények formájában vannak. Így nem meglepő módon sok próbálkozás történt a nem PHP-keretrendszerek WordPress-szel való integrálására, különösen a Javascript-keretrendszerek, amelyek gyorsan átveszik a hatalmat a webfejlesztésben.

Az egyik ilyen keretrendszer, amely nagyon felkapaszkodik a slágerlistákra, a WordPresshez készült React.js keretrendszer, a Frontity. Egy spanyolországi startup fejlesztette ki. A Frontity fejlesztése néhány éve folyik. Nemrég azonban hírt adott, amikor 1 millió eurót gyűjtött össze a WordPress mögött álló cég vezetésével. Automatikus és kockázati tőketársaság KFund. Ahhoz, hogy megértsük ennek okát, először is fontos megérteni, mi az a Frontity keretrendszer, és milyen előnyökkel jár.

Mi az a Frontity?

Mielőtt megismerkednénk a Frontity-vel, elengedhetetlen, hogy ismerjük a WordPress alapvető architektúráját. Mint azt bizonyára tudja, a WordPress egy PHP alapú szerverszoftver. A kérések kiszolgálásához egy szerverszoftverre van szükség, mint például az Apache vagy az Nginx, az adatok (bejegyzések, oldalak, felhasználók stb.) tárolására pedig egy adatbázisszoftver, például a MySQL.

WordPress architektúra

Amint megnyitja, mondjuk a WordPress webhely főoldalát, meg fog hívni index.php fájlt a háttérben, amely visszaadja a HTML, CSS és JS kódot a kezdőlaphoz, amely ezután megjelenik a böngészőben. Így a PHP a webhely közös átjárófelületeként (CGI) működik, ezért a frontend bármilyen fejlesztésének PHP-alapúnak kell lennie.

Frontity Architecture

Mivel a Frontity a React-based framework, beszéljünk először egy kicsit a React JS-ről. A React a Facebook által kifejlesztett és közzétett Javascript keretrendszer. Rendkívül népszerű a gyors, stabil, reszponzív felhasználói felületek létrehozásában. A React Node JS-modulként működik, ezért a Reactot használó webhelynek egy Node JS-kiszolgálón kell alapulnia.

Most, ha egy tisztán Javascript-keretrendszert, például a Reactot szeretne használni a frontend fejlesztésére, azaz egyedi témák létrehozására, nehézkes megtenni. Ennek az az oka, hogy egy olyan keretrendszer, mint a React, a Node-dal együtt működik, amely saját szervert indít el. És amint azt korábban említettük, a WordPress egy PHP CGI-kiszolgálóval működik a háttérben. Így nincs egyszerű módja egyéni témák és felhasználói felületek létrehozásának a React for WordPress használatával.

Van azonban mód arra, hogy távolról is lekérjük az adatokat a WordPress adatbázisból. Ezt a WordPress REST API használatával lehet megtenni, amely a WP 4.7 és újabb verziója óta teljesen integrálva van a WordPress magjába. Ha távolról is le tudjuk kérni a WordPress-adatokat, az azt jelenti, hogy mostantól tetszés szerint jeleníthetjük meg a lekért adatokat. A felhasználók már régóta használják a REST API-t egyedi alkalmazások, weboldalak fejlesztésére, amelyekkel közvetlenül az adatbázisból érhetik el a WordPress adatait. Az ilyen típusú tartalomkezelő rendszereket (CMS) más néven fejetlen CMS.

A Frontity éppen ezen a koncepción alapul. REST API-n keresztül csatlakozik egy WordPress adatbázishoz, gondoskodik a visszakeresett adatok elemzéséről és rendszerezéséről. Ön dönti el, hogy melyik témát szeretné használni a webhely megjelenítéséhez. Mivel a Reacton alapul, bármely React téma használható a webhelyhez. Ha úgy dönt, egyéni témát is kialakíthat. A WordPress PHP alapú kezelőfelületét továbbra is az alkotók/adminisztrátorok fogják használni tartalom létrehozására vagy beállítások módosítására. De a Frontity alapú kezelőfelület a webhely főoldala lesz.

Így a Frontity beállításában két szerverre lesz szükség: az egyik a WordPress szerver, amelyen a REST API be van kapcsolva és fut, és visszaadja a WordPress adatokat, a másik pedig a Node JS szerver, amely a Frontityt futtatja a REST API meghívásához és az adatok megjelenítéséhez a React segítségével. .

Út előre?

Mivel a WordPress mögött álló cég 1 millió eurót gyűjtött össze, a React pedig gazdag felhasználói élményt hoz a WordPressbe, nem lesz túlzás azt állítani, hogy a Frontity jelenti az előremutató utat a modern WordPress-alapú webhelyek számára. A WordPress felhasználói felületét továbbra is irányítópultként fogják használni a tartalom létrehozásához, míg a megjelenítési rész átkerül a Frontity szerverre.

A Frontityről bővebben itt olvashat. Ha van WordPress webhelye, és szeretné kipróbálni a Frontity-t, kövesse az itt említett lépéseket.