Frontity là khuôn khổ giao diện người dùng mới cực kỳ hấp dẫn để tạo các trang web WordPress nhanh chóng
WordPress đã là hệ thống quản lý nội dung phổ biến nhất trong một thời gian dài. Nó không chỉ chiếm quyền lực trên 30% số trang web trên Internet mà còn tự hào có một cộng đồng cộng tác viên khổng lồ, những người giữ cho hệ sinh thái WordPress tồn tại và vững mạnh.
WordPress chủ yếu là một phần mềm máy chủ dựa trên PHP. Có hàng nghìn cải tiến và tiện ích mở rộng tùy chỉnh cho WordPress, chủ yếu ở dạng plugin dựa trên PHP. Vì vậy, không có gì ngạc nhiên khi đã có nhiều nỗ lực tích hợp các khung công tác không phải PHP với WordPress, đặc biệt là các khung công tác Javascript đang nhanh chóng chiếm lĩnh không gian Frontend trong phát triển Web.
Một trong những khuôn khổ đang thực sự leo lên các bảng xếp hạng là một khuôn khổ React.js cho WordPress có tên là Frontity. Nó được phát triển bởi một công ty khởi nghiệp ở Tây Ban Nha. Quá trình phát triển Frontity đã diễn ra trong một vài năm. Tuy nhiên, gần đây nó đã tạo ra tin tức khi huy động được vòng 1 triệu euro do công ty đứng sau WordPress dẫn đầu, Automattic và công ty đầu tư mạo hiểm KFund. Để hiểu lý do đằng sau điều này, điều quan trọng đầu tiên là phải hiểu Frontity framework là gì và nó mang lại những lợi ích gì.
Frontity là gì?
Trước khi chúng ta tìm hiểu về Frontity, điều cần thiết là phải biết kiến trúc cơ bản của WordPress. Như bạn có thể biết, WordPress là một phần mềm máy chủ dựa trên PHP. Nó yêu cầu một phần mềm máy chủ như Apache hoặc Nginx để phục vụ các yêu cầu và một phần mềm cơ sở dữ liệu như MySQL để lưu trữ dữ liệu (Bài đăng, Trang, Người dùng, v.v.).
Kiến trúc WordPress
Khi bạn mở, hãy nói trang chính của trang web WordPress, nó sẽ gọi index.php trong phần phụ trợ, sẽ trả về HTML, CSS và JS cho trang chủ, sau đó sẽ được hiển thị trong trình duyệt. Do đó, PHP hoạt động như một Giao diện cổng chung (CGI) cho trang web và do đó, bất kỳ loại cải tiến nào đối với giao diện người dùng cần phải dựa trên PHP.
Kiến trúc Frontity
Vì Frontity là một React-based framework, trước tiên hãy nói một chút về React JS. React là một framework Javascript giao diện người dùng được phát triển và xuất bản bởi Facebook. Nó cực kỳ phổ biến do tính tiện dụng trong việc tạo giao diện người dùng phản hồi nhanh, ổn định. React hoạt động như một mô-đun Node JS và do đó một trang web sử dụng React phải dựa trên máy chủ Node JS.
Bây giờ, nếu bạn muốn sử dụng một khung công tác Javascript thuần túy như React để nâng cao giao diện người dùng, tức là, tạo các chủ đề tùy chỉnh, thì việc làm như vậy rất phức tạp. Lý do là một framework như React hoạt động cùng với Node, khởi động một máy chủ của riêng nó. Và như chúng tôi đã đề cập trước đây, WordPress hoạt động với một máy chủ PHP CGI trên phần phụ trợ. Do đó, không có cách nào đơn giản để xây dựng các chủ đề và giao diện người dùng tùy chỉnh bằng React cho WordPress.
Tuy nhiên, có một cách để lấy dữ liệu từ cơ sở dữ liệu WordPress từ xa. Nó có thể được thực hiện bằng cách sử dụng WordPress REST API, được tích hợp đầy đủ trong WordPress cốt lõi kể từ phiên bản WP 4.7 trở lên. Nếu chúng ta có thể tìm nạp dữ liệu WordPress từ xa, điều đó có nghĩa là bây giờ chúng ta có thể hiển thị dữ liệu đã tìm nạp như chúng ta muốn. Người dùng đã sử dụng API REST trong một thời gian dài để phát triển các ứng dụng tùy chỉnh, các trang web để truy cập dữ liệu WordPress trực tiếp từ cơ sở dữ liệu. Loại Hệ thống quản lý nội dung (CMS) này còn được gọi là không đầu CMS.
Mặt trận dựa trên chính khái niệm này. Nó kết nối với cơ sở dữ liệu WordPress thông qua API REST, đảm nhận việc phân tích cú pháp và tổ chức dữ liệu đã truy xuất. Nó cho bạn biết bạn muốn sử dụng chủ đề nào để hiển thị trang web. Vì nó dựa trên React nên bất kỳ chủ đề React nào cũng có thể được sử dụng cho trang web. Bạn cũng có thể phát triển chủ đề tùy chỉnh của mình nếu muốn. Giao diện người dùng dựa trên PHP của WordPress sẽ vẫn được người tạo / quản trị viên sử dụng để tạo nội dung hoặc thay đổi cài đặt. Nhưng giao diện người dùng dựa trên Frontity sẽ được sử dụng làm trang chính của trang web.
Do đó, trong thiết lập Frontity sẽ có hai máy chủ được yêu cầu: một là máy chủ WordPress, có API REST hoạt động và trả về dữ liệu WordPress, và thứ hai là máy chủ Node JS chạy Frontity để gọi REST API và hiển thị dữ liệu bằng React .
Con đường phía trước?
Với việc công ty đứng sau WordPress huy động được 1 triệu Euro và React mang lại trải nghiệm người dùng phong phú cho WordPress, sẽ không quá lời khi nói rằng Frontity là con đường phía trước cho các trang web hỗ trợ WordPress ngày nay. Giao diện người dùng WordPress sẽ tiếp tục được sử dụng làm trang tổng quan để tạo nội dung trong khi phần hiển thị sẽ được chuyển sang máy chủ Frontity.
Bạn có thể đọc thêm về Frontity tại đây. Nếu bạn có một trang web WordPress và muốn dùng thử Frontity, bạn có thể làm theo các bước được đề cập ở đây để thực hiện.