Ang Frontity ay ang mainit na bagong front-end na framework para sa paglikha ng mabilis na mga website ng WordPress
Ang WordPress ay ang pinakasikat na sistema ng pamamahala ng nilalaman sa loob ng mahabang panahon. Hindi lamang nito pinapagana ang higit sa 30% ng mga website sa Internet, ngunit ipinagmamalaki rin nito ang isang malaking komunidad ng mga nag-aambag na nagpapanatiling buhay at malakas ang WordPress ecosystem.
Ang WordPress ay pangunahing isang PHP based server software. Mayroong libu-libong pasadyang mga pagpapahusay at extension sa WordPress na pangunahin sa anyo ng mga plugin na batay sa PHP. Kaya, hindi kataka-takang nagkaroon ng maraming mga pagtatangka na isama ang mga non PHP frameworks sa WordPress, lalo na ang mga Javascript framework na mabilis na kumukuha ng Frontend space sa Web development.
Ang isang ganoong framework na talagang umaakyat sa mga chart ay isang React.js framework para sa WordPress na tinatawag na Frontity. Ito ay binuo ng isang startup na nakabase sa labas ng Spain. Ang pag-unlad para sa Frontity ay nangyayari sa loob ng ilang taon. Gayunpaman, kamakailan ay gumawa ito ng balita nang makataas ito ng € 1 milyon na round na pinangunahan ng kumpanya sa likod ng WordPress, Automattic at venture capital firm KFund. Upang maunawaan ang dahilan sa likod nito, mahalagang maunawaan muna kung ano ang balangkas ng Frontity, at kung ano ang mga pakinabang nito.
Ano ang Frontity?
Bago natin matutunan ang tungkol sa Frontity, mahalagang malaman ang pangunahing arkitektura ng WordPress. Tulad ng alam mo, ang WordPress ay isang PHP based server software. Nangangailangan ito ng server software tulad ng Apache o Nginx upang maghatid ng mga kahilingan, at isang database software tulad ng MySQL para sa pag-iimbak ng data (Mga Post, Mga Pahina, Mga User, atbp.).
Arkitektura ng WordPress
Kapag binuksan mo, sabihin ang pangunahing pahina ng website ng WordPress, tatawag ito index.php file sa backend, na magbabalik ng HTML, CSS at JS para sa home page na ipapakita sa browser. Kaya, ang PHP ay gumaganap bilang Common Gateway Interface (CGI) para sa website at samakatuwid ang anumang uri ng mga pagpapahusay sa frontend ay kailangang PHP-based.
Arkitektura ng Frontity
Dahil ang Frontity ay isang React-based framework, pag-usapan muna natin ang React JS. Ang React ay isang front end Javascript framework na binuo at nai-publish ng Facebook. Ito ay lubos na sikat dahil sa pagiging handa nito sa paglikha ng mabilis, matatag, tumutugon na mga UI. Gumagana ang React bilang isang module ng Node JS at samakatuwid ang isang website na gumagamit ng React ay dapat na nakabatay sa isang server ng Node JS.
Ngayon, kung gusto mong gumamit ng purong balangkas ng Javascript tulad ng React upang mapahusay ang frontend, ibig sabihin, lumikha ng mga custom na tema, mahirap gawin ito. Ang dahilan ay ang isang balangkas tulad ng React ay gumagana kasabay ng Node, na nagsisimula ng sarili nitong server. At tulad ng nabanggit namin dati, gumagana ang WordPress sa isang PHP CGI server sa backend. Kaya, walang direktang paraan upang bumuo ng mga custom na tema at UI gamit ang React para sa WordPress.
Gayunpaman, mayroong isang paraan upang mabawi ang data mula sa database ng WordPress nang malayuan. Magagawa ito gamit ang WordPress REST API, na ganap na isinama sa pangunahing WordPress mula noong bersyon ng WP 4.7 at mas bago. Kung maaari naming makuha ang data ng WordPress nang malayuan, nangangahulugan iyon na maaari na naming ipakita ang nakuha na data ayon sa gusto namin. Matagal nang ginagamit ng mga user ang REST API para bumuo ng mga custom na app, mga webpage para direktang ma-access ang data ng WordPress mula sa database. Ang ganitong uri ng Content Management Systems (CMS) ay tinutukoy din bilang walang ulo CMS.
Ang frontity ay nakabatay sa mismong konseptong ito. Kumokonekta ito sa isang database ng WordPress sa pamamagitan ng REST API, pinangangasiwaan ang pag-parse at pag-aayos ng nakuhang data. Nag-iiwan ito sa iyo kung aling tema ang gusto mong gamitin upang ipakita ang website. Dahil nakabatay ito sa React, maaaring gamitin ang anumang tema ng React para sa website. Maaari mo ring bumuo ng iyong custom na tema kung pipiliin mo. Ang PHP based front end ng WordPress ay gagamitin pa rin ng mga creator/admins para gumawa ng content o magbago ng mga setting. Ngunit ang Frontity based front end ay gagamitin bilang pangunahing pahina ng website.
Kaya, sa isang Frontity setup ay magkakaroon ng dalawang server na kinakailangan: ang isa ay ang WordPress server, na mayroong REST API na tumatakbo at nagbabalik ng data ng WordPress, at pangalawa ay ang Node JS server na nagpapatakbo ng Frontity upang tawagan ang REST API at magpakita ng data gamit ang React .
Ang Pasulong?
Dahil ang kumpanya sa likod ng WordPress ay nagtataas ng 1 Milyong Euros at React na nagdadala ng masaganang karanasan ng gumagamit sa WordPress, hindi kalabisan na sabihin na ang Frontity ay ang daan pasulong para sa modernong-panahong mga website na pinapagana ng WordPress. Ang WordPress UI ay patuloy na gagamitin bilang isang dashboard para sa paglikha ng nilalaman habang ang bahagi ng display ay ililipat sa Frontity server.
Maaari mong basahin ang higit pa tungkol sa Frontity dito. Kung mayroon kang WordPress website at gusto mong subukan ang Frontity, maaari mong sundin ang mga hakbang na binanggit dito upang gawin ito.