Frontity е горещата нова фреймворк за създаване на бързи уебсайтове на WordPress
WordPress е най-популярната система за управление на съдържанието от дълго време. Той не само захранва над 30% от уебсайтовете в Интернет, но също така може да се похвали с огромна общност от сътрудници, които поддържат екосистемата на WordPress жива и силна.
WordPress е предимно PHP базиран сървърен софтуер. Има хиляди персонализирани подобрения и разширения за WordPress, които са главно под формата на PHP базирани плъгини. По този начин не е изненадващо, че има много опити за интегриране на не PHP рамки с WordPress, особено Javascript рамки, които бързо превземат Frontend пространството в уеб разработката.
Една такава рамка, която наистина се изкачва в класациите, е рамката React.js за WordPress, наречена Frontity. Той е разработен от стартираща компания, базирана в Испания. Разработката за Frontity продължава от няколко години. Въпреки това наскоро той направи новини, когато събра 1 милион евро рунд, воден от компанията зад WordPress, Автоматично и фирма за рисков капитал KFund. За да разберем причината за това, първо е важно да разберем какво представлява рамката Frontity и какви ползи носи тя.
Какво е Frontity?
Преди да научим за Frontity, е важно да знаем основната архитектура на WordPress. Както може би знаете, WordPress е сървърен софтуер, базиран на PHP. Изисква сървърен софтуер като Apache или Nginx за обслужване на заявки и софтуер за база данни като MySQL за съхранение на данни (публикации, страници, потребители и т.н.).
Архитектура на WordPress
След като отворите, кажете главната страница на уебсайта на WordPress, тя ще се обади index.php файл в бекенда, който ще върне HTML, CSS и JS за началната страница, която след това ще се покаже в браузъра. По този начин PHP действа като общ интерфейс на шлюза (CGI) за уебсайта и следователно всякакви подобрения на интерфейса трябва да бъдат базирани на PHP.
Фронтална архитектура
Тъй като Frontity е a React-based framework, нека първо поговорим малко за React JS. React е преден край на Javascript рамка, разработена и публикувана от Facebook. Той е изключително популярен поради удобството си при създаване на бързи, стабилни, отзивчиви потребителски интерфейси. React работи като Node JS модул и следователно уебсайт, използващ React, трябва да се базира на Node JS сървър.
Сега, ако искате да използвате чисто Javascript рамка като React, за да подобрите интерфейса, т.е. да създавате персонализирани теми, е тромаво да го направите. Причината е, че рамка като React работи във връзка с Node, който стартира собствен сървър. И както споменахме преди, WordPress работи с PHP CGI сървър в бекенда. По този начин няма лесен начин за създаване на персонализирани теми и потребителски интерфейси с помощта на React за WordPress.
Въпреки това, има начин за извличане на данни от базата данни на WordPress от разстояние. Това може да се направи с помощта на WordPress REST API, който е напълно интегриран в основния WordPress от WP версия 4.7 и по-нова. Ако можем да извлечем данни от WordPress дистанционно, това означава, че вече можем да показваме извлечените данни, както искаме. Потребителите използват REST API от дълго време за разработване на персонализирани приложения, уеб страници за достъп до данни на WordPress директно от базата данни. Този тип системи за управление на съдържанието (CMS) се наричат още без глава CMS.
Frontity се основава именно на тази концепция. Той се свързва с база данни на WordPress чрез REST API, се грижи за анализа и организирането на извлечените данни. На вас остава коя тема бихте искали да използвате за показване на уебсайта. Тъй като е базирана на React, всяка тема на React може да се използва за уебсайта. Можете също да разработите своя персонализирана тема, ако решите. Базираният на PHP преден край на WordPress все още ще се използва от създателите/администраторите за създаване на съдържание или промяна на настройките. Но Frontity базиран преден край ще се използва като главна страница на уебсайта.
По този начин при настройка на Frontity ще са необходими два сървъра: единият е сървърът на WordPress, който има активиран и работещ REST API и връща данни на WordPress, а вторият е Node JS сървър, който изпълнява Frontity, за да извика REST API и да показва данни с помощта на React .
Пътят напред?
Тъй като компанията зад WordPress набира 1 милион евро и React предоставя богато потребителско изживяване на WordPress, няма да е преувеличено да се каже, че Frontity е пътят напред за съвременните уебсайтове, задвижвани от WordPress. Потребителският интерфейс на WordPress ще продължи да се използва като табло за създаване на съдържание, докато частта на дисплея ще бъде изместена към сървъра Frontity.
Можете да прочетете повече за Frontity тук. Ако имате уебсайт на WordPress и искате да изпробвате Frontity, можете да следвате стъпките, споменати тук, за да го направите.